@import"https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playwrite+DE+Grund:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Bitcount+Prop+Double:wght@100..900&family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playwrite+DE+Grund:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#e3f2fd,#f8fbff);min-height:100vh;font-family:Montserrat,Arial,sans-serif}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent}.content-container{background:#fff;border-radius:18px;box-shadow:0 8px 32px #2c3e5021;padding:48px 36px;max-width:480px;width:100%;text-align:center}.welcome-message{font-size:1.5rem;font-weight:600;color:#1976d2;margin-bottom:2em;letter-spacing:1px}.start-btn{background:linear-gradient(90deg,#1976d2,#00bcd4);color:#fff;border:none;border-radius:12px;padding:16px 40px;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #1976d217;letter-spacing:1px;transition:background .2s,box-shadow .2s}.start-btn:hover{background:linear-gradient(90deg,#1565c0,#00acc1);box-shadow:0 4px 20px #1976d226}.timeline-container{width:500px;display:flex;justify-content:center;padding:10px;margin:50px 10px}.timeline-container button{background:none;border:none;border-radius:50px;cursor:pointer}.timeline-container button input{display:inline}.timeline-container span{font-family:Bitcount Prop Double,system-ui;font-weight:500}.timeline-container button:hover{background-color:#1b06791a}.timeline-container button:active{opacity:.8}.timeline-container button.selected{border-bottom:2px solid rgba(205,241,0,.5)}.timeline-container button.selected:hover{border-bottom:2px solid rgba(0,0,0,.2)}.timeline-container button.finished{border-bottom:2px solid rgba(35,204,1,.5)}.timeline-container button.finished:hover{border-bottom:2px solid rgba(27,153,2,.2)}.CVform{display:flex;width:100%;height:100vb;position:fixed}.controller-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;height:100%;background-color:#f0f0f0;min-width:400px}.form-container{width:60%;height:100%;background-color:#fff;min-width:750px}#create-cv-btn{width:200px;height:70px;border:none;background-color:#d8d8d8;border-radius:30px;cursor:pointer;font-family:Bitcount Prop Double,system-ui;font-weight:500;font-size:1.6rem;min-width:300px}#create-cv-btn:hover{color:#d8d8d8;background-color:#000}#create-cv-btn:active{opacity:.8}.info-container{height:100vh;display:flex;justify-content:center;align-items:center}.info-container>form{height:80vh;max-height:800px;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:20px 0}.info-container>form label{box-shadow:2px 2px 5px #000;align-content:center;text-align:center;font-family:Intel One Mono,monospace;font-size:1.2rem;border-radius:20px;cursor:copy}.inputs-container{display:flex;flex-direction:column;justify-content:flex-start;gap:40px;width:100%;padding:0 100px;overflow:visible}.inputs-container .input-data{all:unset;float:right;width:60%;height:40px;border-radius:20px;border:none;background-color:#f0f0f0;text-align:center;font-family:Intel One Mono,monospace;font-size:1.1rem;cursor:auto;padding:0 10px}.inputs-container textarea.input-data{min-height:40px;max-height:200px;height:auto;text-align:left;padding:10px;line-height:1.4;resize:vertical;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.inputs-container .input-data:hover{background-color:#f2f4f6}.inputs-container .input-data:focus{box-shadow:2px 2px 10px #000}.inputs-container .input-data:active{opacity:.7}.btns-container{display:flex;flex-direction:row;width:500px;margin-top:auto;gap:10px;width:100%;padding:20px;margin-bottom:70px}.back-btn,.next-btn{flex:1;height:50px;border:none;background-color:#d8d8d8;border-radius:30px;cursor:pointer;font-family:Bitcount Prop Double,system-ui;font-weight:500;font-size:1.6rem;min-width:300px}.next-btn:hover,.back-btn:hover{color:#d8d8d8;background-color:#000}.next-btn:active,.back-btn:active{opacity:.8}.back-btn:disabled:hover{background-color:#d8d8d8;color:#000;opacity:.8}.input-data[type=textarea],textarea.input-data{resize:vertical;overflow:hidden;white-space:pre-wrap;word-break:break-word}.skills-container{display:flex;justify-content:center;flex-direction:column;padding:0}.input-container{display:flex;justify-content:center;margin-top:100px}.input-container input{all:unset;background-color:#f0f0f0;text-align:center;height:40px;width:340px;border-radius:20px 0 0 20px;margin:0;padding:0;border:none;font-family:Intel One Mono,monospace;font-size:1rem}.input-container input:hover{border:1px solid black;height:38px;width:338px}.input-container input:focus{border:1px solid black;height:38px;width:338px}.input-container input:active{opacity:.7}.input-container button{all:unset;background-color:#000;color:#f5f5f5;text-align:center;cursor:pointer;height:40px;width:120px;border-radius:0 20px 20px 0;margin:0;padding:0;border:none;font-family:Intel One Mono,monospace;font-size:1rem}.input-container button:hover{background-color:#c5c5c5;color:#000}.input-container button:active{background-color:#c5c5c5;color:#000;font-size:.9rem}.view-container{padding:20px;display:flex;justify-content:center}.skillList{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;max-height:400px;overflow-y:scroll;align-items:start}.skillList::-webkit-scrollbar{width:8px}.skillList::-webkit-scrollbar-track{background:#5d6e6a;border-radius:10px}.skillList::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.skillList::-webkit-scrollbar-thumb:hover{background:#555}.skill{min-width:100px;max-width:200px;word-wrap:break-word;font-family:Intel One Mono,monospace;font-size:1.2rem;background-color:#f0f0f0;border-radius:40px;text-align:center;padding:5px 5px 5px 20px}.resume-container{max-width:900px;margin:40px auto;padding:48px 36px;background:linear-gradient(135deg,#f8fbff,#e3f2fd);border-radius:22px;box-shadow:0 8px 40px #2c3e5021;font-family:Montserrat,Roboto,Arial,sans-serif;color:#222;position:relative;overflow:hidden}.resume-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#1976d2,#00bcd4);border-radius:12px;z-index:0}.resume-container>*{position:relative;z-index:1}.resume-container h1{font-size:2.8rem;font-weight:700;margin-bottom:.2em;color:#1976d2;letter-spacing:2px;font-family:Montserrat,sans-serif;text-transform:uppercase}.resume-container h2{font-size:1.5rem;font-weight:600;margin-bottom:1.2em;color:#00bcd4;font-family:Montserrat,sans-serif;letter-spacing:1px}.resume-container .contact-info{margin-bottom:2em;display:flex;flex-wrap:wrap;gap:2.5em;font-size:1.08rem;background:#e3f2fd;border-radius:8px;padding:12px 18px;box-shadow:0 1px 6px #1976d20a}.resume-container .contact-info p{margin:0;font-family:Roboto,sans-serif;color:#333;font-weight:500}.resume-container h3{font-size:1.25rem;font-weight:700;margin-top:2.2em;margin-bottom:.7em;color:#1976d2;border-bottom:2px solid #90caf9;padding-bottom:.2em;letter-spacing:1px;font-family:Montserrat,sans-serif;text-transform:uppercase}.resume-container h4{font-size:1.12rem;font-weight:600;margin-bottom:.2em;color:#283593;font-family:Montserrat,sans-serif}.resume-container .section-card{margin-bottom:1.5em;padding:18px 26px;background:linear-gradient(90deg,#f7faff,#e3f2fd);border-radius:12px;box-shadow:0 2px 12px #1976d217;border-left:5px solid #00bcd4;font-family:Roboto,sans-serif}.resume-container ul{padding-left:1.2em;margin-bottom:1.5em}.resume-container li{margin-bottom:.3em;list-style-type:disc;font-size:1.05rem;color:#1976d2;font-family:Montserrat,sans-serif;font-weight:600}.resume-container a{color:#00bcd4;text-decoration:underline;word-break:break-all;font-weight:600;font-family:Montserrat,sans-serif}.resume-container .section-card p{color:#333;font-family:Roboto,sans-serif;font-size:1.02rem;margin-bottom:.5em}.resume-pdf{width:794px!important;min-height:1123px!important;padding:32px!important;box-sizing:border-box;background:#fff!important;color:#222!important;font-size:1rem!important;overflow:visible!important}@media (max-width: 900px){.resume-container{max-width:98vw;padding:18px 6px}.resume-container:before{top:0;bottom:0}}@media (max-width: 600px){.resume-container{padding:8px 2px;font-size:.95rem}.resume-container h1{font-size:1.5rem}.resume-container h2{font-size:1.1rem}.resume-container h3{font-size:1rem}.resume-container h4{font-size:.98rem}.resume-container .section-card{padding:10px 8px}.resume-container .contact-info{gap:1em;padding:8px 6px}}@media print{button{display:none!important}body,.resume-container{background:#fff!important;box-shadow:none!important;color:#222!important}}
