*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--coral: #FF6B6B;--coral-light: #FF8E8E;--coral-dark: #E85555;--teal: #2EC4B6;--teal-light: #4DD8CC;--teal-dark: #1FA99C;--purple: #7B2D8E;--purple-deep: #5A1D6B;--purple-light: #A855C7;--purple-glow: rgba(123, 45, 142, .3);--bg-dark: #0D0B1A;--bg-card: #161229;--bg-card-hover: #1E1838;--text-primary: #F8F5FF;--text-secondary: #B8B0CC;--text-muted: #7A7291;--gradient-hero: linear-gradient(135deg, #0D0B1A 0%, #1A1135 40%, #2A1548 100%);--gradient-coral-teal: linear-gradient(135deg, var(--coral), var(--teal));--gradient-purple-coral: linear-gradient(135deg, var(--purple), var(--coral));--gradient-teal-purple: linear-gradient(135deg, var(--teal), var(--purple));--gradient-card: linear-gradient(145deg, rgba(123, 45, 142, .08), rgba(46, 196, 182, .05));--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--font-accent: "DM Sans", sans-serif;--section-padding: 80px 20px;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.08;animation:floatShape 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:var(--coral);top:-100px;right:-80px;animation-duration:25s}.shape-2{width:200px;height:200px;background:var(--teal);top:40%;left:-60px;animation-duration:18s;animation-delay:-5s}.shape-3{width:250px;height:250px;background:var(--purple-light);bottom:10%;right:-50px;animation-duration:22s;animation-delay:-10s}.shape-4{width:150px;height:150px;background:var(--coral-light);top:60%;left:20%;animation-duration:30s;animation-delay:-15s}.shape-5{width:180px;height:180px;background:var(--teal-light);top:20%;right:30%;animation-duration:28s;animation-delay:-8s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-40px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,30px) rotate(180deg) scale(.95)}75%{transform:translate(40px,20px) rotate(270deg) scale(1.05)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav.scrolled{background:#0d0b1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(123,45,142,.15);box-shadow:0 4px 30px #0000004d}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s}.nav-logo:hover{opacity:.85}.logo-icon{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(255,107,107,.35));transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-logo:hover .logo-icon{transform:rotate(-6deg) scale(1.08)}.logo-text{display:flex;flex-direction:column;line-height:1;gap:2px}.logo-first{font-family:var(--font-display);font-weight:800;font-size:1.05rem;background:var(--gradient-coral-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.logo-last{font-family:var(--font-display);font-weight:500;font-size:.58rem;color:var(--text-muted);letter-spacing:2.5px;text-transform:uppercase}.nav-links{display:none;list-style:none;gap:28px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-coral-teal);border-radius:2px;transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:5px;z-index:1001}.hamburger span{width:28px;height:2.5px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.27,1.55)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(7.5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-7.5px)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d0b1af7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu a{font-family:var(--font-display);color:var(--text-primary);text-decoration:none;font-size:2rem;font-weight:700;opacity:0;transform:translateY(30px);transition:all .4s cubic-bezier(.16,1,.3,1)}.mobile-menu.active a{opacity:1;transform:translateY(0)}.mobile-menu.active a:nth-child(1){transition-delay:.1s}.mobile-menu.active a:nth-child(2){transition-delay:.15s}.mobile-menu.active a:nth-child(3){transition-delay:.2s}.mobile-menu.active a:nth-child(4){transition-delay:.25s}.mobile-menu.active a:nth-child(5){transition-delay:.3s}.mobile-menu a:hover{background:var(--gradient-coral-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 60px;position:relative;z-index:1}.hero-photo-wrapper{position:relative;margin-bottom:28px;animation:fadeInDown 1s cubic-bezier(.16,1,.3,1) .2s both}.hero-photo{width:119px;height:146px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,var(--gradient-coral-teal) border-box;position:relative;z-index:2}.hero-photo-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px dashed var(--purple-light);opacity:.4;animation:spinSlow 20s linear infinite}.hero-photo-dot{position:absolute;width:16px;height:16px;background:var(--teal);border-radius:50%;bottom:8px;right:8px;border:3px solid var(--bg-dark);z-index:3;animation:pulse 2s ease-in-out infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #2ec4b666}50%{transform:scale(1.15);box-shadow:0 0 0 8px #2ec4b600}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#2ec4b61a;border:1px solid rgba(46,196,182,.2);padding:8px 18px;border-radius:50px;font-size:.82rem;font-weight:500;color:var(--teal);margin-bottom:20px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.hero-badge-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-greeting{font-family:var(--font-accent);font-size:1rem;color:var(--coral);font-weight:500;margin-bottom:8px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s both}.hero-name{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:12px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .6s both}.hero-name-gradient{background:var(--gradient-coral-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-typewriter{font-family:var(--font-accent);font-size:clamp(.95rem,3vw,1.2rem);color:var(--text-secondary);min-height:1.6em;margin-bottom:24px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .7s both}.typewriter-cursor{display:inline-block;width:2px;height:1.1em;background:var(--coral);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-cta-group{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .9s both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:50px;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-coral-teal);color:#fff;box-shadow:0 4px 20px #ff6b6b4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #ff6b6b73}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid rgba(123,45,142,.4)}.btn-outline:hover{border-color:var(--purple-light);background:#7b2d8e1a;transform:translateY(-3px)}.btn-icon{font-size:1.1rem}.hero-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) 1.2s both}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--coral),transparent);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.3);opacity:.3}}.scroll-text{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}section{position:relative;z-index:1}.section-inner{max-width:1100px;margin:0 auto;padding:var(--section-padding)}.section-label{font-family:var(--font-accent);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--coral);margin-bottom:8px}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:16px}.section-title span{background:var(--gradient-coral-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7;max-width:600px}.section-divider{width:50px;height:4px;background:var(--gradient-coral-teal);border-radius:2px;margin:16px 0 0}.about-content{margin-top:32px}.about-text{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:28px}.about-text strong{color:var(--text-primary);font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:var(--gradient-card);border:1px solid rgba(123,45,142,.12);border-radius:var(--radius-sm);padding:20px 16px;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-4px);border-color:#7b2d8e4d;box-shadow:0 8px 30px #7b2d8e26}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:800;background:var(--gradient-coral-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.skills-grid{display:grid;gap:12px;margin-top:32px}.skill-category{background:var(--gradient-card);border:1px solid rgba(123,45,142,.1);border-radius:var(--radius-sm);padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.skill-category:hover{border-color:#2ec4b64d;transform:translateY(-3px);box-shadow:0 12px 40px #0003}.skill-cat-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.skill-cat-icon{width:40px;height:40px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.skill-cat-icon.coral{background:#ff6b6b26}.skill-cat-icon.teal{background:#2ec4b626}.skill-cat-icon.purple{background:#7b2d8e26}.skill-cat-name{font-family:var(--font-display);font-size:1rem;font-weight:700}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 14px;border-radius:50px;font-size:.78rem;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);transition:all .3s}.skill-tag:hover{background:#2ec4b61a;border-color:#2ec4b64d;color:var(--teal);transform:translateY(-2px)}.timeline{margin-top:32px;position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--coral),var(--teal),var(--purple));border-radius:2px}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-25px;top:6px;width:14px;height:14px;border-radius:50%;border:3px solid var(--coral);background:var(--bg-dark);z-index:2;transition:all .3s}.timeline-item:nth-child(2) .timeline-dot{border-color:var(--teal)}.timeline-item:nth-child(3) .timeline-dot{border-color:var(--purple-light)}.timeline-card{background:var(--gradient-card);border:1px solid rgba(123,45,142,.1);border-radius:var(--radius-sm);padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.timeline-card:hover{border-color:#ff6b6b33;transform:translate(4px);box-shadow:0 8px 30px #0003}.timeline-date{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--coral);background:#ff6b6b1a;padding:4px 12px;border-radius:50px;margin-bottom:10px}.timeline-item:nth-child(2) .timeline-date{color:var(--teal);background:#2ec4b61a}.timeline-item:nth-child(3) .timeline-date{color:var(--purple-light);background:#a855c71a}.timeline-role{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:4px}.timeline-company{font-size:.88rem;color:var(--text-muted);margin-bottom:12px}.timeline-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.timeline-desc li{list-style:none;position:relative;padding-left:18px;margin-bottom:6px}.timeline-desc li:before{content:"▹";position:absolute;left:0;color:var(--teal);font-weight:700}.projects-grid{display:grid;gap:16px;margin-top:32px}.project-card{background:var(--gradient-card);border:1px solid rgba(123,45,142,.1);border-radius:var(--radius);overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.project-card:hover{transform:translateY(-6px);border-color:#2ec4b64d;box-shadow:0 20px 60px #0000004d}.project-preview{height:180px;position:relative;overflow:hidden}.project-preview-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-preview-bg{transform:scale(1.1)}.project-preview-bg.coral{background:linear-gradient(135deg,#ff6b6b33,#7b2d8e1a)}.project-preview-bg.teal{background:linear-gradient(135deg,#2ec4b633,#ff6b6b1a)}.project-preview-bg.purple{background:linear-gradient(135deg,#7b2d8e33,#2ec4b61a)}.project-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:1px}.project-info{padding:20px}.project-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:8px}.project-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-tech span{font-size:.7rem;padding:4px 10px;border-radius:50px;background:#2ec4b614;border:1px solid rgba(46,196,182,.15);color:var(--teal);font-weight:500}.projects-show-more{display:flex;justify-content:center;margin-top:36px}.project-live-link{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--teal);text-decoration:none;padding:6px 14px;border-radius:50px;border:1px solid rgba(46,196,182,.25);background:#2ec4b614;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.3px}.project-live-link:hover{background:#2ec4b62e;border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 15px #2ec4b633}.projects-show-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px}.projects-show-btn svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.projects-show-btn:hover svg{transform:translateY(3px)}.contact-section{background:linear-gradient(180deg,transparent,rgba(123,45,142,.05))}.contact-methods{display:grid;gap:12px;margin-top:32px}.contact-card{display:flex;align-items:center;gap:16px;background:var(--gradient-card);border:1px solid rgba(123,45,142,.1);border-radius:var(--radius-sm);padding:18px 20px;text-decoration:none;color:var(--text-primary);transition:all .4s cubic-bezier(.16,1,.3,1)}.contact-card:hover{transform:translate(6px);border-color:#2ec4b64d;box-shadow:0 8px 30px #0003}.contact-icon{width:44px;height:44px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.contact-icon.coral{background:#ff6b6b26}.contact-icon.teal{background:#2ec4b626}.contact-icon.purple{background:#7b2d8e26}.contact-icon.green{background:#25d36626}.contact-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.contact-value{font-weight:600;font-size:.95rem;margin-top:2px}.contact-cta-group{display:flex;flex-direction:column;gap:12px;margin-top:32px}.footer{text-align:center;padding:40px 20px;position:relative;z-index:1}.footer-line{width:60px;height:3px;background:var(--gradient-coral-teal);border-radius:2px;margin:0 auto 20px}.footer-text{font-size:.82rem;color:var(--text-muted)}.footer-text span{color:var(--coral)}.footer-social{display:flex;justify-content:center;gap:16px;margin-top:16px}.social-link{width:42px;height:42px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all .3s}.social-link:hover{background:var(--gradient-coral-teal);border-color:transparent;transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b4d}.back-to-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;background:var(--gradient-coral-teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;border:none;box-shadow:0 4px 20px #ff6b6b4d;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:100}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ff6b6b80}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}@media (min-width: 768px){:root{--section-padding: 100px 40px}.nav{padding:16px 40px}.nav-links{display:flex}.hamburger{display:none}.hero{padding:120px 40px 80px}.hero-photo{width:170px;height:170px}.hero-cta-group{flex-direction:row;max-width:none;justify-content:center}.about-stats{grid-template-columns:repeat(3,1fr);gap:20px}.stat-number{font-size:2.2rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:16px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}.contact-methods{grid-template-columns:repeat(2,1fr);gap:16px}.contact-cta-group{flex-direction:row;justify-content:center}}@media (min-width: 1024px){:root{--section-padding: 120px 60px}.nav{padding:18px 60px}.hero-cta-group{gap:16px}.skills-grid,.projects-grid{grid-template-columns:repeat(3,1fr)}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}.about-stats{grid-template-columns:1fr;gap:16px}.timeline{padding-left:36px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--gradient-coral-teal);border-radius:3px}::selection{background:#ff6b6b4d;color:#fff}