*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#0b1020;background:#f5f6fb;margin:0;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:#080b18eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000;padding:.9rem 0;border-bottom:1px solid rgba(148,163,184,.25)}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{display:flex;align-items:center}.logo-circle{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff8ad4 0%,#5cf6ff 38%,transparent 70%),#050816;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 18px #5cf6ff59}.logo-circle img{width:80%;height:auto;display:block}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:#e5e7eb;font-weight:500;font-size:.95rem;transition:color .25s,transform .2s}.nav-links a:hover{color:#5cf6ff;transform:translateY(-1px)}.hero{min-height:60vh;background:radial-gradient(circle at top left,#ff8ad4 0%,transparent 55%),radial-gradient(circle at bottom right,#733c9d 0%,transparent 55%),#050816;display:flex;align-items:center;justify-content:center;text-align:center;color:#f9fafb;padding-top:96px;padding-bottom:96px}.hero-inner{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1100px;padding:0 20px}.hero-text{flex:1;text-align:left}.hero-title{font-size:clamp(2.8rem,5vw,4rem);margin-bottom:1rem;font-weight:700}.highlight{color:#ff8ad4}.hero-title span{color:#5cf6ff;font-weight:800}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;opacity:.88;max-width:480px}.cta-button{display:inline-block;background:linear-gradient(135deg,#ff8ad433,#ff8ad44d);color:#fff;padding:1rem 2.5rem;margin:1rem;border-radius:999px;text-decoration:none;font-weight:700;font-family:inherit;font-size:1rem;line-height:1.2;border:1px solid #ff8ad4;box-shadow:0 0 20px #ff8ad480,0 4px 12px #0000004d;transition:transform .25s,box-shadow .25s,background .25s,color .25s;text-transform:uppercase;cursor:pointer}.cta-button:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,#ff8ad4,#ffb3e6);color:#050816;box-shadow:0 0 40px #ff8ad4,0 8px 24px #ff8ad466}.result-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.repo-link-button{display:inline-block;background:transparent;color:#ff8ad4;padding:.9rem 2.3rem;margin:1rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;border:1px solid #ff8ad4;box-shadow:0 0 12px #ff8ad466;transition:transform .25s,box-shadow .25s,background .25s,color .25s;width:240px;text-align:center}.repo-link-button:hover{transform:translateY(-2px);background:#ff8ad4;color:#fff;box-shadow:0 0 24px #ff8ad4b3}.hero-photo-wrapper{flex:0 0 260px;display:flex;justify-content:center}.hero-photo{width:220px;height:220px;border-radius:50%;object-fit:cover;border:3px solid rgba(249,250,251,.9);box-shadow:0 24px 60px #0f172abf}.about,.work,.contact{padding:100px 0}section#contact{margin-bottom:0}h2{font-size:2.6rem;text-align:center;margin-bottom:2.5rem;font-weight:700;color:#0b1020}.about{background:#f4e4f1;padding:80px 0}.about-inner{max-width:900px;margin:0 auto;text-align:center}.about-text h2{text-align:center;margin-bottom:1rem}.about-lead{font-size:1.1rem;color:#4b5563;line-height:1.7;max-width:650px;margin:0 auto}.about-highlights{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.about-pill{padding:.6rem 1.1rem;border-radius:999px;background:#5cf6ff14;border:1px solid rgba(92,246,255,.5);color:#111827;font-size:.9rem}.toolbox-card{margin-top:3rem;padding:2rem 2.4rem;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.4);box-shadow:0 20px 40px #0f172a14;text-align:left}.toolbox-title{font-size:1.4rem;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#ff8ad4,#5cf6ff);padding:12px 24px;border-radius:12px;position:relative;color:#fff;font-weight:700}.toolbox-text{font-size:.98rem;color:#4b5563;margin-bottom:1.5rem}.toolbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.toolbox-item{background:#f5f6fb;border-radius:14px;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.35)}.toolbox-tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:.3rem}.toolbox-item h4{font-size:1rem;margin-bottom:.3rem;color:#0b1020}.toolbox-item p{font-size:.9rem;color:#4b5563}.toolbox-logo{width:32px!important;height:32px!important;border-radius:8px;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;margin:0 6px 6px 0}.toolbox-logo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.toolbox-logos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;justify-content:center}.toolbox-tag{display:none!important}@media(max-width:768px){.toolbox-card{padding:1.6rem 1.4rem}}.work{background:#eef5ff;padding:100px 0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px #0f172a29;transition:transform .3s,box-shadow .3s,border-color .3s;border:1px solid rgba(148,163,184,.35)}.project-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0f172a40;border-color:#5cf6ffe6}.project-image{height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-info{padding:2rem}.project-info h3{font-size:1.5rem;margin-bottom:1rem;color:#0b1020}.project-info p{margin:0}.project-description{font-size:.95rem;margin-top:8px}.project-meta{margin-top:6px;font-size:.8rem;font-style:italic;color:#6b7280}.project-link{display:inline-block;color:#ff8ad4;text-decoration:none;font-weight:600;margin-top:1rem;position:relative}.project-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,#ff8ad4,#5cf6ff);transition:width .25s ease}.project-link:hover:after{width:100%}.contact{background:#f3ecff;padding:80px 0 0;text-align:center;border-top:1px solid rgba(148,163,184,.35)}.contact-inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-text h2{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ff8ad4,#5cf6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-subtitle{max-width:520px;margin:0 auto 1.5rem;color:#4b5563;font-size:1.3rem}.contact-cta{margin-bottom:1.5rem}.contact-links{display:flex;flex-direction:column;align-items:center}.contact-small-text{font-size:1.2rem;color:#6b7280;margin-bottom:.5rem}.social-links{margin-top:.5rem;font-size:1.2rem}.social-link{display:inline-block;margin:0 .75rem;color:#4b5563;text-decoration:none;font-weight:500;position:relative;transition:color .2s ease}.social-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,#ff8ad4,#5cf6ff);transition:width .25s ease}.social-link:hover{color:#0b1020}.social-link:hover:after{width:100%}.footer{margin-top:40px;padding:16px 20px;border-top:1px solid rgba(148,163,184,.4);font-size:.85rem;color:#2e3033;text-align:center;background:linear-gradient(90deg,#ff8ad4,#5cf6ff);width:100%}.quiz-container,.result-container{background:radial-gradient(circle at top left,#ff8ad4 0%,transparent 55%),radial-gradient(circle at bottom right,#733c9d 0%,transparent 55%),#050816;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0f172a24;max-width:700px;margin:80px auto;min-height:420px;display:flex;flex-direction:column;border:2px solid rgba(148,163,184,.35)}.quiz-container h2,.result-container h2{text-align:center;margin-bottom:24px;font-size:2.2rem;background:linear-gradient(135deg,#ff8ad4,#5cf6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:999px;margin-bottom:24px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,#ff8ad4,#5cf6ff);transition:width .4s ease}.question-container h3{font-size:1.3rem;margin-bottom:20px;text-align:left}.quiz-question{color:#fff;font-size:1.3rem}.options-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:24px}.option{padding:16px 18px;border:1px solid rgba(148,163,184,.7);border-radius:16px;cursor:pointer;transition:all .25s ease;background:#f9f5ff;text-align:left;color:#111827;font-size:.98rem}.option:hover{border-color:#ff8ad4;box-shadow:0 10px 25px #94a3b866;transform:translateY(-1px)}.option.selected{border-color:transparent;background:linear-gradient(135deg,#ff8ad4,#5cf6ff);color:#fff}.result-description{font-size:1.1rem;color:#fff;text-align:center;margin-bottom:24px;line-height:1.6}.project-features{background:#f5f6fb;padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid rgba(148,163,184,.4)}.project-features h4{margin-bottom:10px;color:#0b1020;font-size:1.2rem}.project-features p{color:#4b5563;margin-bottom:6px}.result-container .cta-button{align-self:center;margin-top:8px;min-width:200px;text-align:center}.btn-prev,.btn-next,.btn-restart{background:linear-gradient(135deg,#ff8ad4,#5cf6ff);color:#fff;border:none;padding:15px 30px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;flex:1}.btn-prev{background:#6b7280}.btn-next:disabled{opacity:.5;cursor:not-allowed}.step-indicator{text-align:center;color:#6b7280;font-size:.9em;margin-top:20px}@media(max-width:768px){.about-inner{text-align:center}.projects-grid{grid-template-columns:1fr}.hero{padding-top:120px;padding-bottom:60px;min-height:auto}.hero-inner{flex-direction:column;text-align:center}.hero-text{text-align:center}.hero-photo{width:180px;height:180px}.nav-links{gap:1rem}h2{font-size:2rem}.quiz-container,.result-container{margin:20px;padding:24px}.question-container h3{font-size:1.1rem}.option{font-size:.95rem}}