@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--champagne:#f7dca1;--navy:#284868;--white:#ecefea;--pewter:#9ca1a3;--bg:#fff;--navy-08:#28486814;--navy-10:#2848681a;--navy-12:#2848681f;--navy-15:#28486826;--navy-20:#28486833;--champagne-25:#f7dca140;--champagne-40:#f7dca166;--champagne-50:#f7dca180}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{background:#f7dca180;background:var(--champagne-50)}body{background:#fff;background:var(--bg);color:#1a1a1a;font-family:Rubik,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{background:#0000;left:0;position:fixed;right:0;top:0;transition:all .4s ease;z-index:100}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #2848681a;border-bottom:1px solid var(--navy-10);box-shadow:0 1px 12px #2848680a}.navbar-inner{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 28px}.navbar-logo{color:#284868;color:var(--navy);font-size:18px;font-weight:800;letter-spacing:-.03em}.navbar-logo span{color:#f7dca1;color:var(--champagne)}.navbar-links{display:flex;gap:32px}.navbar-links a{color:#284868;color:var(--navy);font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.65;position:relative;text-transform:uppercase;transition:opacity .25s,color .25s}.navbar-links a:after{background:#f7dca1;background:var(--champagne);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover{opacity:1}.navbar-links a:hover:after{width:100%}.nav-burger{background:none;border:none;color:#284868;color:var(--navy);cursor:pointer;display:none;font-size:26px}.mobile-menu{background:#fff;background:var(--bg);border-bottom:1px solid #2848681a;border-bottom:1px solid var(--navy-10);display:flex;flex-direction:column;gap:16px;padding:20px 28px}.mobile-menu a{color:#284868;color:var(--navy);font-size:15px;font-weight:600}.hero{align-items:center;background:#fff;background:var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:72px;position:relative}.hero-blob-1{animation:blobPulse 8s ease-in-out infinite;background:radial-gradient(circle,#f7dca140,#0000 70%);background:radial-gradient(circle,var(--champagne-25),#0000 70%);height:550px;left:-10%;top:12%;width:550px}.hero-blob-1,.hero-blob-2{border-radius:50%;filter:blur(80px);position:absolute}.hero-blob-2{animation:blobPulse 10s ease-in-out 2s infinite;background:radial-gradient(circle,#2848681f,#0000 70%);background:radial-gradient(circle,var(--navy-12),#0000 70%);bottom:8%;height:450px;right:-8%;width:450px}@keyframes blobPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.hero-content{max-width:780px;padding:0 24px;position:relative;text-align:center;z-index:2}.hero-badge{animation:fadeUp .8s cubic-bezier(.22,1,.36,1) forwards;background:#f7dca140;background:var(--champagne-25);border:1px solid #f7dca180;border:1px solid var(--champagne-50);border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:26px;padding:7px 22px;text-transform:uppercase}.hero-badge,.hero-title{color:#284868;color:var(--navy)}.hero-title{animation:fadeUp .9s cubic-bezier(.22,1,.36,1) .1s forwards;font-size:clamp(44px,7vw,82px);font-weight:900;letter-spacing:-.04em;line-height:1.04;margin-bottom:22px;opacity:0}.hero-tagline{animation:fadeUp 1s cubic-bezier(.22,1,.36,1) .22s forwards;color:#9ca1a3;color:var(--pewter);font-size:clamp(16px,2.2vw,22px);font-weight:400;line-height:1.65;margin:0 auto 42px;max-width:530px;opacity:0}.hero-buttons{animation:fadeUp 1s cubic-bezier(.22,1,.36,1) .34s forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;opacity:0}.btn-primary{background:#284868;background:var(--navy);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:700;padding:15px 38px;transition:transform .25s,box-shadow .25s}.btn-primary:hover{box-shadow:0 10px 32px #28486840;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #28486833;border:2px solid var(--navy-20);border-radius:12px;color:#284868;color:var(--navy);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:700;padding:15px 38px;transition:background .25s}.btn-secondary:hover{background:#28486814;background:var(--navy-08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:scale(.88) translateY(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.scroll-reveal.visible{opacity:1;transform:scale(1) translateY(0)}.about{background:#fff;background:var(--bg);padding:120px 0}.about-inner{flex-wrap:wrap;gap:60px;margin:0 auto;max-width:1100px;padding:0 28px}.about-image,.about-inner{align-items:center;display:flex}.about-image{aspect-ratio:1;background:linear-gradient(135deg,#f7dca166,#2848681f);background:linear-gradient(135deg,var(--champagne-40),var(--navy-12));border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:22px;flex:1 1 340px;justify-content:center;max-width:420px;overflow:hidden;position:relative}.about-image-placeholder{color:#9ca1a3;color:var(--pewter);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.about-image-accent{background:#f7dca140;background:var(--champagne-25);border-radius:18px;bottom:-22px;height:130px;position:absolute;right:-22px;width:130px;z-index:-1}.about-text{flex:1 1 400px}.about-text h2{color:#284868;color:var(--navy);font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:22px}.about-text p{color:#555;font-size:17px;line-height:1.78;margin-bottom:18px}.about-badge{color:#284868;color:var(--navy);font-size:15px;font-weight:600;gap:10px;margin-top:12px}.about-badge,.about-badge-icon{align-items:center;display:flex}.about-badge-icon{background:#f7dca166;background:var(--champagne-40);border-radius:50%;font-size:14px;height:30px;justify-content:center;width:30px}.skills{background:#ecefea;background:var(--white);padding:120px 0}.skills-inner{margin:0 auto;max-width:1100px;padding:0 28px}.skills h2{color:#284868;color:var(--navy);font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-align:center}.skills-subtitle{color:#9ca1a3;color:var(--pewter);font-size:16px;margin-bottom:56px;text-align:center}.skills-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.tech-field{background:#fff;background:var(--bg);border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:22px;box-shadow:0 2px 24px #2848680d;cursor:crosshair;min-height:420px;overflow:hidden;position:relative}.tech-field-title{align-items:center;color:#284868;color:var(--navy);display:flex;font-size:18px;font-weight:700;gap:8px;left:32px;pointer-events:none;position:absolute;top:28px;z-index:10}.tech-field-title span{font-size:20px}.floating-icon{align-items:center;display:flex;flex-direction:column;gap:6px;pointer-events:none;position:absolute;transition:transform .15s ease-out;will-change:transform;z-index:5}.floating-icon-img{align-items:center;background:#fff;background:var(--bg);border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:14px;box-shadow:0 4px 16px #28486814;display:flex;height:48px;justify-content:center;padding:8px;transition:box-shadow .3s,border-color .3s;width:48px}.floating-icon-img img{height:100%;object-fit:contain;width:100%}.floating-icon-label{color:#284868;color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.03em;opacity:.7;text-transform:uppercase;white-space:nowrap}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(8px,-14px) rotate(2deg)}50%{transform:translate(-4px,-22px) rotate(-1deg)}75%{transform:translate(12px,-10px) rotate(1.5deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-12px,-18px) rotate(-2deg)}66%{transform:translate(6px,-26px) rotate(1deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg)}20%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translate(-8px,-20px) rotate(-1.5deg)}80%{transform:translate(6px,-16px) rotate(.5deg)}}@keyframes float4{0%,to{transform:translate(0)}40%{transform:translate(-6px,-24px)}70%{transform:translate(10px,-12px)}}@keyframes float5{0%,to{transform:translate(0) rotate(0deg)}30%{transform:translate(14px,-16px) rotate(2deg)}60%{transform:translate(-10px,-28px) rotate(-1deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(0deg)}35%{transform:translate(-8px,-20px) rotate(-1.5deg)}70%{transform:translate(12px,-14px) rotate(2deg)}}.float-anim-1{animation:float1 6s ease-in-out infinite}.float-anim-2{animation:float2 7s ease-in-out infinite}.float-anim-3{animation:float3 5.5s ease-in-out infinite}.float-anim-4{animation:float4 8s ease-in-out infinite}.float-anim-5{animation:float5 6.5s ease-in-out infinite}.float-anim-6{animation:float6 7.5s ease-in-out infinite}.soft-skills-card{background:#fff;background:var(--bg);border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:22px;box-shadow:0 2px 24px #2848680d;padding:36px}.soft-skills-card h3{align-items:center;color:#284868;color:var(--navy);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:24px}.soft-skills-card h3 span{font-size:20px}.soft-chip{background:#f7dca140;background:var(--champagne-25);border:1px solid #f7dca180;border:1px solid var(--champagne-50);border-radius:10px;color:#284868;color:var(--navy);display:inline-block;font-size:13px;font-weight:600;margin:4px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.soft-chip:hover{box-shadow:0 4px 12px #f7dca140;box-shadow:0 4px 12px var(--champagne-25);transform:translateY(-2px)}.projects{background:#fff;background:var(--bg);padding:120px 0}.projects-inner{margin:0 auto;max-width:1100px;padding:0 28px}.projects h2{color:#284868;color:var(--navy);font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;text-align:center}.projects-subtitle{color:#9ca1a3;color:var(--pewter);font-size:16px;margin-bottom:60px;text-align:center}.projects-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.project-card{background:#fff;background:var(--bg);border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:22px;box-shadow:0 2px 20px #2848680d;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.project-card:hover{box-shadow:0 20px 56px #2848681f;transform:translateY(-8px)}.project-card-image{align-items:center;color:#9ca1a3;color:var(--pewter);display:flex;font-size:13px;font-weight:600;height:220px;justify-content:center;letter-spacing:.06em;overflow:hidden;position:relative;text-transform:uppercase}.project-card-image:after{background:#2848681f;background:var(--navy-12);content:"";inset:0;position:absolute;transition:background .4s}.project-card:hover .project-card-image:after{background:#0000}.project-card-body{padding:28px 32px 34px}.project-card-body h3{color:#284868;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}.project-card-body p{color:#666;font-size:15px;line-height:1.72;margin-bottom:22px}.project-tags{display:flex;flex-wrap:wrap;gap:12px}.project-tags span{color:#2848688c;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-heading{color:#284868;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:36px;margin-top:80px;text-align:center}.live-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.live-card{align-items:center;background:#fff;background:var(--bg);border:2px solid #28486826;border:2px solid var(--navy-15);border-radius:18px;display:flex;justify-content:space-between;padding:32px 36px;transition:border-color .3s,box-shadow .3s}.live-card:hover{border-color:#f7dca1;border-color:var(--champagne);box-shadow:0 8px 32px #f7dca140;box-shadow:0 8px 32px var(--champagne-25)}.live-card h4{color:#284868;color:var(--navy);font-size:20px;font-weight:800;margin-bottom:6px}.live-card p{color:#9ca1a3;color:var(--pewter);font-size:14px}.live-card-arrow{color:#284868;color:var(--navy);font-size:22px;transition:transform .3s}.live-card:hover .live-card-arrow{transform:translateX(5px)}.live-card-disabled{background:#e8e9eb;border:1px solid #9ca1a359;border-radius:18px;filter:grayscale(1);overflow:hidden;padding:32px 36px;position:relative}.live-card-disabled-content{opacity:.4}.live-card-disabled h4{color:#777;font-size:20px;font-weight:800;margin-bottom:6px}.live-card-disabled p{color:#999;font-size:14px}.coming-soon-badge{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.coming-soon-badge span{background:#284868;background:var(--navy);border-radius:999px;box-shadow:0 4px 24px #28486859;color:#fff;font-size:12px;font-weight:800;letter-spacing:.14em;padding:9px 28px}.experience{background:#ecefea;background:var(--white);padding:120px 0}.experience-inner{margin:0 auto;max-width:700px;padding:0 28px}.experience h2{color:#284868;color:var(--navy);font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:64px;text-align:center}.timeline{padding-left:44px;position:relative}.timeline:before{background:linear-gradient(180deg,#0000,#28486833,#0000);background:linear-gradient(to bottom,#0000,var(--navy-20),#0000);bottom:8px;content:"";left:15px;position:absolute;top:8px;width:2px}.timeline-item{margin-bottom:48px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{align-items:center;border:2px solid #28486833;border:2px solid var(--navy-20);border-radius:50%;display:flex;font-size:15px;height:34px;justify-content:center;left:-36px;position:absolute;top:6px;width:34px}.timeline-card,.timeline-dot{background:#fff;background:var(--bg)}.timeline-card{border:1px solid #2848681a;border:1px solid var(--navy-10);border-radius:18px;box-shadow:0 2px 16px #2848680a;padding:24px 28px}.timeline-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px}.timeline-card-header strong{color:#284868;color:var(--navy);font-weight:800}.timeline-card-header time{font-size:12px}.timeline-card-header time,.timeline-card-role{color:#9ca1a3;color:var(--pewter);font-weight:600}.timeline-card-role{font-size:14px;margin-bottom:10px}.timeline-card p{color:#666;font-size:14px;line-height:1.72}.contact{background:#284868;background:var(--navy);color:#fff;overflow:hidden;padding:120px 0;position:relative}.contact-glow{background:radial-gradient(circle at top right,#f7dca11a,#0000);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:60%}.contact-inner{display:flex;flex-wrap:wrap;gap:60px;margin:0 auto;max-width:1100px;padding:0 28px;position:relative;z-index:2}.contact-info{flex:1 1 380px}.contact-info h2{color:#f7dca1;color:var(--champagne);font-size:38px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.contact-info>p{color:#a8b4c4;font-size:17px;line-height:1.78;margin-bottom:44px}.contact-link{align-items:center;display:flex;gap:16px;margin-bottom:26px}.contact-link-icon{align-items:center;background:#f7dca126;border-radius:50%;display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.contact-link-label{color:#7a8a9e;font-size:11px;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.contact-link-value{color:#fff;font-size:17px;font-weight:500;transition:color .25s}.contact-link-value:hover{color:#f7dca1;color:var(--champagne)}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;flex:1 1 380px;padding:36px}.contact-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.contact-form label{color:#7a8a9e;display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.contact-form input,.contact-form textarea{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-family:Rubik,sans-serif;font-size:14px;outline:none;padding:13px 16px;transition:border-color .25s;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#f7dca1;border-color:var(--champagne)}.contact-form textarea{resize:vertical}.contact-form-group{margin-bottom:16px}.btn-submit{background:#f7dca1;background:var(--champagne);border:none;border-radius:12px;color:#284868;color:var(--navy);cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:800;padding:16px 0;transition:background .25s;width:100%}.btn-submit:hover,.footer{background:#fff}.footer{align-items:center;background:var(--bg);border-top:1px solid #2848681a;border-top:1px solid var(--navy-10);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:48px 28px}.footer-copy{color:#9ca1a3;color:var(--pewter);font-size:13px}.footer-socials{display:flex;gap:12px}.footer-social-link{align-items:center;border:1px solid #28486826;border:1px solid var(--navy-15);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .25s;width:40px}.footer-social-link:hover{background:#284868;background:var(--navy);border-color:#284868;border-color:var(--navy);color:#fff}.footer-social-link:hover svg path{fill:#fff}.footer-social-link svg{height:18px;width:18px}@media (max-width:900px){.skills-grid{grid-template-columns:1fr}.tech-field{min-height:360px}}@media (max-width:768px){.navbar-links{display:none}.nav-burger{display:block}.about-inner{flex-direction:column;text-align:center}.about-image{margin:0 auto;max-width:300px}.about-badge{justify-content:center}.contact-form-row,.live-grid,.projects-grid{grid-template-columns:1fr}.floating-icon-img{height:40px;padding:6px;width:40px}.floating-icon-label{font-size:8px}}@media (max-width:480px){.hero-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}
/*# sourceMappingURL=main.423d8668.css.map*/