.navbar{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:1200px;z-index:1000;padding:.7rem 1.8rem;border-radius:60px;background:#0a0c238c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 32px #00000080}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:1.2rem;letter-spacing:-.02em;color:#f0edff}.nav-links{display:flex;gap:2rem;font-size:.9rem;font-weight:500}.nav-links a{color:#c8c9e0;transition:color .2s,text-shadow .2s;padding:.4rem 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{color:#fff;text-shadow:0 0 12px rgba(180,160,255,.4);border-bottom-color:#7b6ef6}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:26px;height:2px;background:#eaeaff;transition:.3s;border-radius:4px}@media (max-width: 768px){.navbar{top:.8rem;width:calc(100% - 1.2rem);border-radius:40px;padding:.6rem 1.2rem}.nav-links{position:fixed;top:75px;left:0;width:100%;flex-direction:column;background:#080a1eeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 1.5rem;gap:1.6rem;border-radius:30px;border:1px solid rgba(255,255,255,.05);transform:scaleY(0);transform-origin:top;transition:transform .25s ease;box-shadow:0 20px 40px #0009;text-align:center;pointer-events:none}.nav-links.open{transform:scaleY(1);pointer-events:auto}.hamburger{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-top:7rem;padding-bottom:4rem;flex-wrap:wrap;position:relative}.hero-content{flex:1 1 480px;max-width:700px;z-index:2}.status{display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;color:#b3b8e0;background:#7864ff14;padding:.4rem 1.2rem;border-radius:40px;border:1px solid rgba(180,160,255,.1);margin-bottom:1.6rem;letter-spacing:.3px}.dot{width:8px;height:8px;background:#6fcf97;border-radius:50%;display:inline-block;box-shadow:0 0 12px #6fcf97aa}.hero-title{font-size:clamp(2.6rem,7vw,4.8rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;background:linear-gradient(135deg,#f2efff,#b7b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem}.hero-sub{font-size:1.1rem;color:#b9bde6;max-width:560px;margin-bottom:2.2rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{flex:1 1 320px;min-height:350px;position:relative;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(130,100,255,.12) 0%,transparent 70%);border:1px solid rgba(180,160,255,.06);animation:pulseGlow 8s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.float-card{position:absolute;background:#191c3a8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:.8rem 1.4rem;font-weight:500;color:#e2e3ff;box-shadow:0 8px 32px #0006;transition:transform .1s ease;font-size:.85rem;letter-spacing:.2px;pointer-events:auto;white-space:nowrap;z-index:2}.card-1{top:5%;left:5%;transform:rotate(-8deg)}.card-2{top:10%;right:8%;transform:rotate(6deg)}.card-3{bottom:12%;left:10%;transform:rotate(4deg)}.card-4{bottom:8%;right:5%;transform:rotate(-6deg)}@media (max-width: 1024px){.hero{gap:2rem}.hero-visual{min-height:300px;flex:1 1 280px}.glow-ring{width:220px;height:220px}.float-card{font-size:.75rem;padding:.6rem 1rem}}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;padding-top:8rem;gap:2rem}.hero-actions{justify-content:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-visual{min-height:240px;width:100%;max-width:400px;margin:0 auto}.glow-ring{width:180px;height:180px}.float-card{font-size:.7rem;padding:.4rem .9rem;border-radius:16px}.card-1{top:0%;left:0%;transform:rotate(-6deg)}.card-2{top:2%;right:0%;transform:rotate(4deg)}.card-3{bottom:2%;left:2%;transform:rotate(3deg)}.card-4{bottom:0%;right:0%;transform:rotate(-4deg)}}@media (max-width: 480px){.hero-visual{min-height:200px}.glow-ring{width:140px;height:140px}.float-card{font-size:.6rem;padding:.3rem .7rem;border-radius:12px}.card-1{top:-2%;left:-2%}.card-2{top:-2%;right:-2%}.card-3{bottom:-2%;left:0%}.card-4{bottom:-2%;right:0%}}.btn{display:inline-block;padding:.9rem 2.2rem;border-radius:60px;font-weight:600;font-size:.95rem;letter-spacing:.3px;transition:all .25s ease;cursor:pointer;border:none;text-align:center;background:transparent;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#7b6ef6,#a78bfa);color:#fff;box-shadow:0 6px 24px #6450ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6450ff59;background:linear-gradient(135deg,#8a7df7,#b69cff)}.btn-secondary{border:1px solid rgba(255,255,255,.2);color:#e0e2fa;background:#ffffff05}.btn-secondary:hover{border-color:#a78bfa;background:#a78bfa0f;box-shadow:0 0 24px #a78bfa1a}.about{position:relative}.about-header{margin-bottom:2.5rem;opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.about-visible .about-header{opacity:1;transform:translateY(0)}.about-eyebrow{display:block;margin-bottom:.8rem;font-size:.68rem;font-weight:600;letter-spacing:.18em;color:#a78bfa}.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:4rem;align-items:start}.about-main{opacity:0;transform:translate(-25px);transition:opacity .7s ease .1s,transform .7s cubic-bezier(.22,1,.36,1) .1s}.about-visible .about-main{opacity:1;transform:translate(0)}.about-main h3{max-width:680px;margin:0 0 1.5rem;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.045em;font-weight:600;color:#e7e7ff}.about-main h3 span{color:#8589b4}.about-copy{max-width:620px}.about-copy p{margin:0 0 1rem;color:#aeb3d6;font-size:.95rem;line-height:1.75}.about-philosophy{position:relative;padding-left:1.6rem;opacity:0;transform:translate(25px);transition:opacity .7s ease .2s,transform .7s cubic-bezier(.22,1,.36,1) .2s}.about-visible .about-philosophy{opacity:1;transform:translate(0)}.philosophy-line{position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(to bottom,#a78bfa73,#a78bfa0a)}.philosophy-label{display:block;margin-bottom:1rem;font-size:.65rem;font-weight:600;letter-spacing:.16em;color:#73789f}.philosophy-quote{margin:0 0 2rem;font-size:1.15rem;line-height:1.5;letter-spacing:-.02em;color:#d5d7f4}.principles{display:flex;flex-direction:column;gap:.65rem}.principle{display:flex;align-items:center;gap:.9rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translate(12px)}.about-visible .principle{animation:principleReveal .45s ease calc(.5s + var(--delay)) forwards}@keyframes principleReveal{to{opacity:1;transform:translate(0)}}.principle-number{font-size:.6rem;color:#8174d8;font-weight:600}.principle-name{font-size:.75rem;color:#bfc3e3;letter-spacing:.02em;transition:color .2s ease}.principle:hover .principle-name{color:#fff}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-main h3{max-width:700px}.about-philosophy{max-width:600px}}@media (max-width: 600px){.about-header{margin-bottom:2rem}.about-grid{gap:2.5rem}.about-main h3{font-size:2rem}.about-copy p{font-size:.86rem;line-height:1.7}.about-philosophy{padding-left:1.25rem}.philosophy-quote{font-size:1.05rem}}@media (prefers-reduced-motion: reduce){.about-header,.about-main,.about-philosophy,.principle{opacity:1;transform:none;animation:none;transition:none}}.skills{width:100%;overflow:hidden}.toolkit-marquee{width:100%;padding:1.4rem 0 1.5rem;margin-top:2.2rem;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}.toolkit-track{display:flex;width:max-content;animation:moveCards 28s linear infinite;will-change:transform}.toolkit-marquee:hover .toolkit-track{animation-play-state:paused}.toolkit-group{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem;flex-shrink:0}.tool-card{position:relative;width:320px;min-width:320px;height:140px;flex-shrink:0;padding:2.5rem 2rem 1.5rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 8px 24px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.tool-card-title{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:.5rem 1.15rem;border-radius:999px;background:var(--accent-color, #8b5cf6);border:1px solid var(--accent-color, #8b5cf6);color:var(--accent-text, #ffffff);font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:.01em;text-align:center;z-index:5;box-shadow:0 5px 15px #0000002e}.tool-card-icons{display:flex;align-items:center;justify-content:center;gap:1.6rem;width:100%;white-space:nowrap}.tool-card.tools-4{width:350px;min-width:350px;padding-left:2.4rem;padding-right:2.4rem}.tool-card.tools-4 .tool-card-icons{gap:1.25rem}.card-tool{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffffeb;border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 16px #00000029;transition:transform .3s ease,box-shadow .3s ease,border-radius .3s ease}.card-tool img{width:42px;height:42px;display:block;object-fit:contain}.tool-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0000002e}.card-tool:hover{transform:translateY(-4px) scale(1.08);border-radius:17px;box-shadow:0 10px 22px #00000038}@keyframes moveCards{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.toolkit-marquee{margin-top:2rem;padding-top:1.2rem;padding-bottom:1.2rem}.toolkit-group{gap:1.5rem;padding-right:1.5rem}.tool-card{width:250px;min-width:250px;height:115px;padding:2rem 1.4rem 1.2rem}.tool-card.tools-4{width:290px;min-width:290px;padding-left:1.5rem;padding-right:1.5rem}.tool-card-title{font-size:.82rem;padding:.42rem .9rem}.tool-card-icons{gap:1rem}.tool-card.tools-4 .tool-card-icons{gap:.75rem}.card-tool{width:44px;height:44px;border-radius:12px}.card-tool img{width:35px;height:35px}.toolkit-track{animation-duration:22s}}@media (prefers-reduced-motion: reduce){.toolkit-track{animation-play-state:paused}}.projects{width:100%}.section-subtitle{max-width:680px;margin:.8rem auto 0;text-align:center;color:#b4b8e0;font-size:.95rem;line-height:1.7}.projects-section{margin-top:3.5rem}.projects-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.projects-section-heading h3{margin:0;color:#ececff;font-size:1.35rem;font-weight:600}.projects-section-heading span{padding:.35rem .8rem;border:1px solid rgba(167,139,250,.15);border-radius:999px;color:#a78bfa;background:#a78bfa0f;font-size:.7rem;font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:#0e112880;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);border-radius:40px;padding:1.8rem 1.8rem 2rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.8rem}.project-card:hover{transform:translateY(-8px);border-color:#a78bfa33;box-shadow:0 18px 40px #0006}.project-image{position:relative;width:100%;height:230px;overflow:hidden;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;cursor:zoom-in;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;z-index:1}.project-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-image:hover{transform:scale(1.04);border-color:#a78bfa73;box-shadow:0 18px 40px #00000073,0 0 30px #a78bfa1f;z-index:10}.project-image:hover img{transform:scale(1.05)}.project-info h3{font-size:1.3rem;font-weight:600;color:#ececff}.project-info p{color:#b4b8e0;font-size:.9rem;line-height:1.6;margin:.3rem 0 .6rem}.project-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.7rem;font-weight:500;color:#9096cf;margin-bottom:.6rem}.project-meta .category{color:#a78bfa}.project-btn{padding:.6rem 1.2rem;font-size:.8rem;align-self:flex-start}.graphic-design-section{margin-top:5rem}.graphic-design-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2rem;background:#0e112880;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);border-radius:40px;padding:1.8rem;transition:all .3s ease}.graphic-design-card:hover{transform:translateY(-6px);border-color:#a78bfa33;box-shadow:0 18px 40px #0006}.graphic-design-visual{height:260px;padding:.8rem;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);overflow:visible}.graphic-design-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;width:100%;max-width:360px;position:relative;z-index:2}.graphic-design-image{position:relative;height:115px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);cursor:zoom-in;z-index:1;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}.graphic-design-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.graphic-design-image:hover{transform:scale(1.65);z-index:50;border-color:#a78bfa99;box-shadow:0 25px 60px #0000008c,0 0 35px #a78bfa33}.graphic-design-image:hover img{transform:scale(1.02)}.graphic-design-info h3{margin:0;color:#ececff;font-size:1.5rem;font-weight:600}.graphic-design-info p{max-width:600px;margin:.8rem 0 1rem;color:#b4b8e0;font-size:.9rem;line-height:1.7}@media (max-width: 700px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.projects-section{margin-top:2.8rem}.projects-section-heading{align-items:flex-start}.projects-section-heading h3{font-size:1.15rem}.graphic-design-section{margin-top:3.5rem}.graphic-design-card{grid-template-columns:1fr;gap:1.5rem;border-radius:30px;padding:1.2rem}.graphic-design-visual{height:220px}.graphic-design-gallery{max-width:320px}.graphic-design-image{height:95px}.graphic-design-info h3{font-size:1.3rem}.graphic-design-image:hover{transform:none;border-color:#ffffff0a;box-shadow:none;z-index:1}.graphic-design-image:hover img{transform:none}}.process-steps{display:flex;flex-direction:column;gap:1.2rem;margin-top:2.8rem;max-width:800px;margin-left:auto;margin-right:auto}.process-step{display:flex;gap:1.8rem;align-items:flex-start;background:#0c0f264d;padding:1.2rem 1.8rem;border-radius:32px;border:1px solid rgba(255,255,255,.02);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.process-step.show{opacity:1;transform:translateY(0)}.process-step:hover{border-color:#a78bfa14;background:#0c0f2680}.step-number{font-size:1.6rem;font-weight:700;color:#7b6ef6;min-width:52px;font-feature-settings:"tnum";letter-spacing:-.02em}.step-content h3{font-size:1.1rem;font-weight:600;color:#e6e7ff;margin-bottom:.1rem}.step-content p{font-size:.9rem;color:#a8ace0;line-height:1.5}@media (max-width: 600px){.process-step{padding:1rem 1.2rem;gap:1rem}.step-number{font-size:1.2rem;min-width:36px}}.experience{position:relative}.timeline{display:flex;flex-direction:column;gap:1.8rem;margin-top:2.5rem;padding-left:1.5rem;position:relative}.timeline:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:linear-gradient(to bottom,#7b6ef6,#a78bfa,transparent);opacity:.3}.timeline-item{display:flex;gap:1.8rem;position:relative}.timeline-dot{width:14px;height:14px;min-width:14px;border-radius:50%;background:#7b6ef6;box-shadow:0 0 20px #7b6ef64d;margin-top:4px;border:2px solid #0d1026}.timeline-content{background:#0e112866;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);border-radius:24px;padding:1.4rem 1.8rem;flex:1;transition:.3s}.timeline-content:hover{border-color:#a78bfa26;transform:translate(6px)}.timeline-year{font-size:.75rem;font-weight:600;color:#a78bfa;letter-spacing:.5px;text-transform:uppercase}.timeline-content h3{font-size:1.1rem;font-weight:600;color:#eaeaff;margin:.2rem 0 .1rem}.timeline-content h4{font-size:.9rem;font-weight:500;color:#b8bce6;margin-bottom:.3rem}.timeline-content p{font-size:.85rem;color:#9ba0d0;line-height:1.5}@media (max-width: 600px){.timeline{padding-left:.5rem}.timeline-content{padding:1rem 1.2rem}}.contact{position:relative;text-align:center;padding-bottom:4rem;overflow:hidden}.contact-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(123,110,246,.08) 0%,transparent 70%);pointer-events:none;border-radius:50%}.contact-header,.contact-form,.social-links{position:relative;z-index:1}.contact-sub{font-size:1.15rem;color:#b9bde6;max-width:500px;margin:.5rem auto 2rem}.contact-form{width:min(100% - 2rem,650px);margin:0 auto 2.5rem;padding:2rem;text-align:left;background:#0e112859;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:500;color:#c8caec}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;color:#eaeaff;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;outline:none;transition:.25s;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:130px}.form-group input::placeholder,.form-group textarea::placeholder{color:#666b95}.form-group input:focus,.form-group textarea:focus{border-color:#7b6ef699;background:#7b6ef60a;box-shadow:0 0 0 3px #7b6ef60f}.send-button{width:100%;padding:.9rem 1.2rem;border:none;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b6ef6,#5d50d8);transition:.25s}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7b6ef640}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.6;cursor:not-allowed}.form-status{margin-top:1rem;text-align:center;font-size:.85rem;color:#b9bde6}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.social-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:40px;background:#0e11284d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.04);font-size:.8rem;font-weight:500;color:#c8caec;transition:.25s}.social-link:hover{border-color:#a78bfa33;background:#a78bfa0f;transform:translateY(-2px)}@media (max-width: 600px){.contact-form{padding:1.3rem}.form-row{grid-template-columns:1fr;gap:0}.contact-sub{font-size:1rem;padding:0 1rem}}.footer{border-top:1px solid rgba(255,255,255,.04);padding:3rem 1.5rem 2rem;max-width:1280px;margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-brand .logo{font-weight:600;font-size:1.1rem;color:#eaeaff}.footer-brand p{color:#8a8fbe;font-size:.85rem;margin-top:.2rem}.footer-social{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-social a{color:#a8ace0;font-size:.8rem;transition:color .2s}.footer-social a:hover{color:#eaeaff}.footer-copy{color:#5a5f8a;font-size:.75rem;margin-top:.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#050816}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#050816;color:#f0f2fa;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}section{padding:6rem 1.5rem;max-width:1280px;margin:0 auto;position:relative}@media (min-width: 768px){section{padding:8rem 2.5rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0d20}::-webkit-scrollbar-thumb{background:#3b3f6e;border-radius:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}