@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}:root{--bg: #fafaf8;--bg-alt: #ffffff;--text: #0d0d0d;--muted: #2d3748;--accent: #00a8a8;--accent-2: #004b87;--accent-3: #ffd966;--accent-safety: #ffc300;--card: rgba(255, 255, 255, .95);--border: rgba(26, 26, 26, .06);--shadow: 0 20px 50px rgba(26, 26, 26, .08);--reduced-motion: prefers-reduced-motion}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;color:var(--text);background:linear-gradient(135deg,#fafaf8,#f5f5f3,#f0ebe7);background-attachment:fixed;min-height:100vh;position:relative}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{font-family:Fraunces,serif;font-weight:700}p{font-size:1.6rem;line-height:1.7;color:var(--muted);font-weight:400}section{padding:12rem 9% 8rem;position:relative}.bg-effects{position:fixed;inset:0;z-index:-1;pointer-events:none}.orb{position:absolute;width:38rem;height:38rem;border-radius:50%;filter:blur(60px);opacity:.3;animation:float-orb 8s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}.orb-1{top:-15rem;left:-12rem;background:#00a8a826}.orb-2{right:-10rem;top:20rem;background:#004b871f}.orb-3{bottom:-12rem;left:30rem;background:#ffc30014}.header{position:fixed;top:0;left:0;width:100%;padding:2.4rem 9%;background:#fafaf8f2;display:flex;align-items:center;justify-content:space-between;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease}.header.sticky{border-color:var(--border);box-shadow:0 12px 30px #0f172014}.logo{font-size:2.4rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.logo-dot{color:var(--accent);margin:0 .4rem}.navbar{display:flex;align-items:center;gap:3.2rem}.navbar a{font-size:1.6rem;color:var(--text);font-weight:600;transition:color .3s ease}.navbar a:hover,.navbar a.active{color:var(--accent)}#menu-icon{font-size:2.8rem;color:var(--text);display:none;cursor:pointer}.home{padding-top:16rem}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6rem;align-items:center}.home-content h1{font-size:5.2rem;color:var(--text);margin-bottom:1.6rem}.home-content h2{font-size:3rem;color:var(--text);margin-bottom:2.4rem}.multi-text{color:var(--accent-2)}.eyebrow{font-size:1.4rem;text-transform:uppercase;letter-spacing:.28rem;color:var(--accent-2);margin-bottom:1.6rem;font-weight:600}.lead{font-size:1.7rem;color:var(--muted);margin-bottom:3rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.6rem;margin-bottom:2.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.8rem;border-radius:999px;font-size:1.5rem;font-weight:600;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px #00a8a840}@media(prefers-reduced-motion:no-preference){.btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00a8a859}}.btn.ghost{background:transparent;border-color:var(--text);color:var(--text)}.btn.ghost:hover{background:var(--text);color:#fff}.hero-highlights{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.4rem}.pill{padding:.6rem 1.4rem;border-radius:999px;border:1.5px solid var(--border);font-size:1.3rem;color:var(--text);background:#fffc;transition:all .3s ease;font-weight:500}@media(prefers-reduced-motion:no-preference){.pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}}.social-media{display:flex;gap:1.4rem}.social-media a{width:4.2rem;height:4.2rem;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--text);background:#ffffffe6;transition:all .35s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:no-preference){.social-media a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #00a8a840}}.home-media{display:flex;flex-direction:column;gap:3rem;align-items:center}.profile-frame{padding:1rem;border-radius:28px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 20px 50px #00a8a833}.profile-frame img{width:320px;height:380px;object-fit:cover;border-radius:24px;display:block}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;width:100%}.stat-card{background:var(--card);border-radius:16px;padding:1.8rem;border:1.5px solid var(--border);box-shadow:0 10px 25px #1a1a1a0d;text-align:left;transition:all .35s ease}@media(prefers-reduced-motion:no-preference){.stat-card:hover{border-color:var(--accent-2);box-shadow:0 16px 40px #004b871a;transform:translateY(-4px)}}.stat-card h3{font-size:2.6rem;color:var(--text);margin-bottom:.4rem}.section-title{text-align:left;margin-bottom:4rem}.section-title h2{font-size:3.6rem;color:var(--text)}.about{background:linear-gradient(135deg,#00a8a80a,#fff0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-card{background:var(--card);border-radius:20px;padding:2.8rem;border:1px solid var(--border);box-shadow:0 12px 30px #1a1a1a0f;transition:all .3s ease}.about-card:hover{border-color:#00a8a84d;box-shadow:0 16px 40px #00a8a81a}.about-card.highlight{background:linear-gradient(135deg,#00a8a814,#004b870f);border:1.5px solid rgba(0,168,168,.2)}.about-card h3{font-size:2.4rem;margin-bottom:1.6rem}.skills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.skills span{padding:.7rem 1.3rem;border-radius:8px;background:linear-gradient(135deg,#00a8a814,#004b870f);font-size:1.3rem;color:var(--text);border:1px solid rgba(0,168,168,.15);font-weight:500;transition:all .3s ease}@media(prefers-reduced-motion:no-preference){.skills span:hover{background:linear-gradient(135deg,#00a8a826,#004b871f);border-color:#00a8a84d;transform:translateY(-2px)}}.muted{color:var(--muted);margin-top:.8rem}.services{padding-bottom:12rem;background:linear-gradient(135deg,#004b8708,#fff0);border-bottom:1px solid var(--border)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.service-card{background:var(--card);border-radius:18px;padding:2.6rem;border:1.5px solid var(--border);box-shadow:0 12px 30px #1a1a1a0d;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}@media(prefers-reduced-motion:no-preference){.service-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 20px 50px #00a8a81f}.service-card:hover:before{transform:scaleX(1)}}.service-card i{font-size:2.8rem;color:var(--accent);margin-bottom:1.6rem;display:inline-block}.service-card h3{font-size:2.3rem;margin-bottom:1.2rem}.project-page{max-width:900px;margin:0 auto;padding:0 1.2rem}.project-page h3{font-size:2.2rem;margin-top:1.6rem;color:var(--text)}.project-page .lead{font-size:1.8rem;margin-bottom:1.6rem}.project-page ul li{font-size:1.6rem;margin-bottom:.6rem}.project-page figure figcaption{font-size:1.3rem}.projects{background:linear-gradient(135deg,#ffd36605,#fff0);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem}.project-card{background:var(--card);border-radius:18px;overflow:hidden;border:1.5px solid var(--border);box-shadow:0 12px 30px #1a1a1a0f;display:flex;flex-direction:column;min-height:100%;transition:all .35s cubic-bezier(.4,0,.2,1)}.project-card img{width:100%;height:200px;object-fit:cover;transition:transform .35s ease}@media(prefers-reduced-motion:no-preference){.project-card:hover{transform:translateY(-8px);border-color:var(--accent-3);box-shadow:0 24px 60px #ffd36626}.project-card:hover img{transform:scale(1.03)}}.project-content{padding:2.4rem}.project-content h3{font-size:2.2rem;margin-bottom:1rem;color:var(--text)}.project-tag{display:inline-flex;margin-top:1.4rem;padding:.5rem 1.2rem;border-radius:8px;background:linear-gradient(135deg,#00a8a81f,#ffd36614);color:var(--accent);font-size:1.2rem;font-weight:600;border:1px solid rgba(0,168,168,.2)}.btn-learn-more{display:inline-block;margin-top:1.6rem;padding:.9rem 1.8rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:10px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00a8a833}@media(prefers-reduced-motion:no-preference){.btn-learn-more:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00a8a859}}.project-modal{display:none;position:fixed;inset:0;background:#0f1720b3;z-index:1000;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.project-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-alt);border-radius:18px;overflow:hidden;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 100px #00a8a826;animation:slideUp .4s ease;position:relative}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:2rem;right:2rem;background:#ffffffe6;border:none;width:4.4rem;height:4.4rem;border-radius:50%;font-size:3.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;color:var(--text)}.modal-close:hover{background:var(--text);color:#fff;transform:rotate(90deg)}.modal-header{width:100%;height:380px;overflow:hidden;background:linear-gradient(135deg,#1ea8961a,#ff7a591a)}.modal-header img{width:100%;height:100%;object-fit:cover}.modal-body{padding:4rem}.modal-body h2{font-size:3.2rem;margin-bottom:2rem;color:var(--text)}.modal-body p{font-size:1.6rem;line-height:1.8;margin-bottom:2rem;color:var(--muted)}#modalDescription{display:grid;gap:1.8rem}#modalDetails{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#00a8a814,#004b870f);border-radius:12px;border-left:4px solid var(--accent)}#modalDetails h4{font-size:1.6rem;margin-bottom:1rem;color:var(--text)}#modalDetails ul{list-style:none;padding-left:0}#modalDetails li{font-size:1.5rem;padding:.6rem 0;color:var(--muted);display:flex;align-items:center}#modalDetails li:before{content:"▸";margin-right:1rem;color:var(--accent);font-weight:700}.modal-actions{display:flex;gap:1.6rem;margin-top:2.4rem}.modal-actions .btn{flex:1;padding:1.2rem 2rem;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:stretch}.contact-card{background:var(--card);border-radius:18px;padding:2.8rem;border:1.5px solid var(--border);box-shadow:0 12px 30px #1a1a1a0f;transition:all .35s ease}@media(prefers-reduced-motion:no-preference){.contact-card:hover{border-color:var(--accent);box-shadow:0 16px 40px #00a8a81a;transform:translateY(-4px)}}.contact-details{margin-top:3rem;display:grid;gap:1.8rem}.contact-details span{font-size:1.2rem;text-transform:uppercase;letter-spacing:.18rem;color:var(--accent-2);display:block;margin-bottom:.6rem}.contact-details strong{font-size:1.8rem;color:var(--text)}.contact-form{background:var(--card);border-radius:18px;padding:2.8rem;border:1.5px solid var(--border);box-shadow:0 12px 30px #1a1a1a0f;display:flex;flex-direction:column;gap:1.6rem}.input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.contact-form input,.contact-form textarea{width:100%;padding:1.4rem 1.6rem;border-radius:14px;border:1px solid var(--border);font-size:1.5rem;font-family:inherit;color:var(--text);background:#ffffffe6}.contact-form textarea{resize:vertical;min-height:140px}.footer{padding:3rem 9% 4rem;display:flex;align-items:center;justify-content:space-between;font-size:1.4rem;color:var(--muted)}.scroll-top{width:4.2rem;height:4.2rem;border-radius:50%;background:var(--text);color:#fff;display:inline-flex;align-items:center;justify-content:center}@media(max-width:1200px){html{font-size:56%}.hero-grid{gap:4rem}}@media(max-width:960px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:1fr}}@media(max-width:820px){#menu-icon{display:block}.navbar{position:absolute;top:100%;right:0;left:0;background:var(--bg-alt);flex-direction:column;gap:1.6rem;padding:2rem 9%;display:none;border-bottom:1px solid var(--border)}.navbar.active{display:flex}.home{padding-top:14rem}.home-content h1{font-size:4.4rem}.home-content h2{font-size:2.6rem}.profile-frame img{width:100%;height:auto;max-width:360px}}@media(max-width:640px){section{padding:11rem 7% 7rem}.service-grid,.input-row{grid-template-columns:1fr}.footer{flex-direction:column;gap:2rem;text-align:center}}.project-page{min-height:100vh;background:var(--bg);padding-top:8rem}.project-header{padding:2rem 0;border-bottom:1px solid var(--border);margin-bottom:4rem}.project-content{max-width:900px;margin:0 auto;padding:0 9% 8rem}.eyebrow{font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1.2rem}.project-title{font-size:4.8rem;line-height:1.1;margin-bottom:2.4rem;color:var(--text)}.lead{font-size:2rem;line-height:1.6;color:var(--muted);margin-bottom:5rem;font-weight:400}.project-section{margin-bottom:5rem}.project-section h2{font-size:3.2rem;margin-bottom:2rem;color:var(--text)}.project-section p{font-size:1.7rem;line-height:1.8;color:var(--muted);margin-bottom:1.6rem}.tech-list,.features-list{list-style:none;padding:0}.tech-list li,.features-list li{font-size:1.6rem;line-height:1.8;color:var(--muted);margin-bottom:1.2rem;padding-left:2.4rem;position:relative}.tech-list li:before{content:"▹";position:absolute;left:0;color:var(--accent);font-size:2rem}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.tech-list li strong{color:var(--text);font-weight:600}.project-figure{margin:3rem 0;border-radius:1.2rem;overflow:hidden;box-shadow:var(--shadow)}.project-figure img{width:100%;height:auto;display:block}.project-figure figcaption{padding:1.6rem;background:var(--card);border-top:1px solid var(--border);font-size:1.4rem;color:var(--muted);font-style:italic}.project-links{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}.project-links .btn{display:inline-flex;align-items:center;gap:1rem}.project-links .btn svg{width:20px;height:20px}.project-footer{border-top:1px solid var(--border);padding:3rem 0;margin-top:6rem}@media(max-width:768px){.project-title{font-size:3.6rem}.lead{font-size:1.8rem}.project-section h2{font-size:2.6rem}.project-content{padding:0 7% 6rem}}