*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.bg-grid{background-image:linear-gradient(#06b6d408 1px,#0000 1px),linear-gradient(90deg,#06b6d408 1px,#0000 1px);background-size:60px 60px}.glass{-webkit-backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #94a3b81a}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #94a3b814;transition:all .3s}.glass-card:hover{background:#1e293bb3;border-color:#06b6d44d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.gradient-text{background:linear-gradient(135deg,#06b6d4,#22d3ee,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#06b6d480,#a855f74d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-orb{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.skill-bar{background:#94a3b81a;border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:3px;width:0;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.nav-link{color:#94a3b8;cursor:pointer;transition:color .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#06b6d4,#22d3ee);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.active{color:#f1f5f9}.nav-link:hover:after,.nav-link.active:after{width:100%}.typing-cursor:after{content:"|";color:#22d3ee;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mobile-menu{transition:transform .3s;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.timeline-line{background:linear-gradient(#06b6d480,#14b8a64d,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}@media (width>=768px){.timeline-line{left:50%;transform:translate(-50%)}}.timeline-dot{z-index:10;border:4px solid #020617;border-radius:50%;width:16px;height:16px;position:absolute;left:0;transform:translate(-50%)}@media (width>=768px){.timeline-dot{left:50%}}.form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#06b6d480;box-shadow:0 0 0 1px #06b6d433}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-padding{padding:96px 0}@media (width<=640px){.section-padding{padding:64px 0}}.section-header{text-align:center;margin-bottom:64px}.section-label{color:#22d3ee;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.section-title{color:#f1f5f9;margin-top:12px;font-size:30px;font-weight:700}@media (width>=640px){.section-title{font-size:36px}}.section-divider{background:linear-gradient(90deg,#06b6d4,#14b8a6);border-radius:999px;width:80px;height:4px;margin:16px auto 0}