@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";.bg-accent-light{background-color:var(--bg-accent)}.text-center{text-align:center}.text-left{text-align:left;margin-left:-155px}.mt-12{margin-top:3rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all var(--transition-base);background-color:transparent}.navbar.scrolled{background-color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Playfair Display,serif;font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1}.logo span{color:var(--red-accent)}.desktop-menu{display:flex;align-items:center;gap:2rem}.nav-link{font-weight:500;color:var(--text-secondary)}.nav-link:hover{color:var(--red-accent)}.mobile-toggle{display:none;color:var(--text-primary)}.mobile-menu{display:none}@media (max-width: 768px){.desktop-menu{display:none}.mobile-toggle{display:block}.mobile-menu{position:fixed;top:0;right:-100%;width:250px;height:100vh;background-color:var(--bg-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:5rem 2rem;transition:right var(--transition-base)}.mobile-menu.open{right:0}.mobile-link{font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;color:var(--text-primary)}.mobile-link:hover{color:var(--red-accent)}.mobile-btn{text-align:center;margin-top:1rem;display:inline-block}}.scroll-top-button{position:fixed;right:1.5rem;bottom:1.5rem;width:48px;height:48px;border-radius:50%;background-color:var(--red-accent);color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px #e031313d;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:1200}.scroll-top-button:hover{transform:translateY(-2px);background-color:var(--red-dark)}.scroll-top-button.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.hero-section{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:80px}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;width:100%;max-width:1200px}.hero-content{text-align:left;max-width:600px;z-index:10}.hero-mask{width:350px;height:350px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;position:relative;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--bg-accent) 0%,var(--accent-light) 100%)}.hero-mask:hover{transform:scale(1.02);transition:transform .3s ease}.hero-photo{width:85%;height:100%;object-fit:cover;object-position:top center;position:absolute;top:0;left:0;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.amp{font-family:Outfit,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.05em;opacity:1;margin:0 .15em;letter-spacing:0;font-style:normal}.greeting{font-size:1.25rem;color:var(--red-accent);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem}.hero-name{font-size:clamp(2.25rem,6.5vw,3.75rem);margin-bottom:.5rem;font-family:Playfair Display,serif;font-weight:800;color:transparent;background:linear-gradient(135deg,var(--accent-dark),var(--accent-base),var(--text-secondary));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:nameGlow 5s ease-in-out infinite;text-shadow:0 0 16px rgba(0,0,0,.2),0 0 24px rgba(0,0,0,.15)}@keyframes nameGlow{0%{background-position:0% 50%;text-shadow:0 0 10px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.08)}50%{background-position:100% 50%;text-shadow:0 0 20px rgba(0,0,0,.2),0 0 30px rgba(0,0,0,.15)}to{background-position:0% 50%;text-shadow:0 0 10px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.08)}}.hero-role{font-size:clamp(1.25rem,3vw,2rem);color:var(--text-secondary);font-weight:400;margin-bottom:2rem}.hero-desc{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-inline:auto}.hero-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.hero-social{display:flex;gap:1.5rem;justify-content:center}.social-icon{color:var(--text-secondary);transition:all var(--transition-fast)}.social-icon:hover{color:var(--accent-base);transform:translateY(-3px)}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6}.blob-1{background:var(--accent-light);width:400px;height:400px;top:10%;left:-100px}.blob-2{background:#f5f5f5;width:500px;height:500px;bottom:-100px;right:-150px}@media (max-width: 900px){.hero-section{padding-top:3rem}.hero-container{flex-direction:column;align-items:center;text-align:center;gap:2rem}.hero-content{max-width:100%;width:100%}.hero-mask{width:min(90vw,320px);height:min(90vw,320px)}.hero-photo{top:0;left:0;height:100%;object-fit:cover;object-position:top center;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.hero-role,.hero-desc{font-size:1rem}}@media (max-width: 768px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;justify-content:center}.featured-content .project-title{font-size:clamp(1.75rem,5vw,2.1rem)}.project-title,.column-title{font-size:1.5rem}}@media (max-width: 600px){.hero-section{padding-top:2.5rem}.hero-name{font-size:clamp(2rem,10vw,2.5rem)}.hero-role,.hero-desc{font-size:1rem}}.services-title{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.services-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.service-card{background:#fff;padding:3rem 2rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all var(--transition-base);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #e0313114,0 10px 10px -5px #e031310a;border-color:var(--red-accent)}.service-icon{width:80px;height:80px;background-color:var(--bg-primary);border-radius:50%;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.service-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.service-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.mask-image{background:linear-gradient(135deg,var(--bg-accent) 0%,var(--accent-light) 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:400px;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-photo{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover;object-position:center 20%}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.about-content h3{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-primary)}.summary-text{margin-bottom:1rem;color:var(--text-secondary);font-size:1.05rem;text-align:justify}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.info-item{font-size:1rem;color:var(--text-secondary)}.info-label{font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3rem}.mask-image{height:350px;width:350px;margin:0 auto}}@media (max-width: 600px){.info-grid{grid-template-columns:1fr;gap:1rem}}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;top:0;left:20px;height:100%;width:2px;background-color:var(--accent-light)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:60px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:0;top:0;width:42px;height:42px;background-color:var(--red-accent);color:#fff;border-radius:50%;border:4px solid var(--bg-primary);z-index:2}.timeline-content{padding:2rem;border-radius:var(--radius-lg)}.glass-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-light)}.timeline-period{display:inline-block;padding:.25rem 1rem;background-color:#e0313114;color:var(--red-accent);border:1.5px solid var(--red-accent);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:1rem}.timeline-title{font-size:1.25rem;margin-bottom:.25rem}.timeline-company{font-family:Outfit,sans-serif;color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:1rem}.timeline-list{list-style:none}.timeline-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.95rem}.timeline-list li:before{content:"▹";position:absolute;left:0;color:var(--accent-base);font-weight:700}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.card-effect{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-effect:hover{transform:translateY(-5px);box-shadow:0 16px 40px #e0313114;border-color:#e031314d}.category-title{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);position:relative;padding-bottom:.5rem}.category-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--red-accent)}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background-color:var(--bg-primary);color:var(--text-secondary);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.875rem;border:1px solid var(--border-color);transition:all var(--transition-fast)}.skill-tag:hover{background-color:var(--red-accent);color:#fff;border-color:var(--red-accent);box-shadow:0 4px 12px #e0313126}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.competency-card{background:#fff;padding:1.5rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.competency-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--red-accent)}.competency-icon-wrapper{width:48px;height:48px;background-color:var(--bg-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.competency-text{font-weight:600;color:var(--text-primary);font-size:1rem}.projects-drafted-grid{display:grid;grid-template-columns:1.55fr 1.1fr;grid-template-rows:auto auto;gap:2.5rem;align-items:stretch}.featured-projects-column{display:flex;flex-direction:column;gap:3rem}@media (max-width: 992px){.projects-drafted-grid{grid-template-columns:1fr;grid-template-rows:auto}}.project-card{background:#fff;padding:3rem 2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-height:380px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card-wide{grid-column:1;grid-row:1 / span 2;min-height:800px}.project-card-wide .project-card-img{max-height:500px;object-fit:contain;background-color:var(--bg-accent);padding:1rem}.project-card-stacked{grid-column:2;padding:2rem 2.25rem!important;min-height:auto}@media (max-width: 992px){.project-card-wide,.project-card-stacked{grid-column:auto;grid-row:auto;min-height:auto}}.project-card-stacked .project-title{font-size:1.35rem}.project-card-stacked .project-desc{font-size:.95rem;margin-bottom:1.5rem}.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #e031311a;border-color:var(--red-accent)}.project-card-top{flex-grow:1}.project-card-img{width:100%;border-radius:16px;margin-bottom:2rem;object-fit:cover;min-height:180px;max-height:220px;border:1px solid rgba(0,0,0,.04)}.project-title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.project-role{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin-bottom:1.25rem;letter-spacing:.2px}.project-desc{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;font-size:1.05rem}.project-links{display:flex;gap:1.5rem;margin-top:auto;padding-top:1rem;flex-wrap:wrap;align-items:center}.app-badge-link,.play-badge-link{display:inline-flex;align-items:center;flex-shrink:0}@media (max-width: 600px){.project-links{gap:.5rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;align-items:center}.app-badge-link,.play-badge-link{display:inline-flex;min-width:0;white-space:nowrap}.app-badge-link img,.play-badge-link img{height:36px}}.project-link{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem;color:var(--accent-dark);transition:all .3s ease}.project-link:hover{color:var(--red-accent);transform:translate(4px)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.edu-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.icon-accent{color:var(--red-accent)}.column-title{font-size:1.75rem;margin-bottom:0}.edu-list{display:flex;flex-direction:column;gap:1.5rem}.edu-item{padding:1.5rem}.edu-degree{font-size:1.15rem;margin-bottom:.5rem}.edu-inst{font-family:Outfit,sans-serif;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.edu-note{font-size:.9rem;color:var(--accent-dark);font-weight:600}.cert-list{list-style:none}.cert-item{position:relative;padding-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:1.05rem;line-height:1.5}.cert-item:before{content:"★";position:absolute;left:0;color:var(--red-accent);font-size:1rem}@media (max-width: 900px){.edu-grid{grid-template-columns:1fr;gap:3rem}}.footer-section{background-color:#333232;color:#f7f7f7;padding:1.5rem 0 3rem;animation:footerFadeUp .9s ease both}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.footer-content{max-width:680px;text-align:center}.footer-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;letter-spacing:-1px;color:#fff}.footer-tagline{color:#d0d0d0;font-size:1.05rem;margin-bottom:2rem;opacity:0;animation:fadeInText 1.1s ease .2s forwards}.footer-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.75rem;border-radius:999px;background-color:var(--red-accent);color:#fff;font-weight:600;letter-spacing:.02em;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 14px 30px #e0313133}.footer-button:hover{background-color:var(--red-dark);transform:translateY(-3px);box-shadow:0 18px 35px #e0313147}.footer-socials{display:flex;gap:1.25rem;justify-content:center;align-items:center}.footer-icon{width:44px;height:44px;border-radius:50%;background-color:#ffffff0f;color:#f7f7f7;display:flex;justify-content:center;align-items:center;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);animation:iconPop .9s ease .15s forwards;opacity:0}.footer-icon:hover{background-color:var(--red-accent);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #e0313138}.footer-bottom{width:100%;text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:2rem;color:#a9a9a9;font-size:.95rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.footer-credit{display:flex;align-items:center;gap:.5rem;color:#c4c4c4}@keyframes footerFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.footer-section{padding:4.5rem 0 2rem}.footer-title{font-size:2.5rem}.footer-bottom{padding-top:1.5rem}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.styled-spinner{width:120px;height:120px}.loading-text{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.loading-text span{color:var(--accent-base)}.project-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;background:#fff;padding:5rem 4rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:3.5rem;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:520px}.project-featured:hover{transform:translateY(-8px);box-shadow:0 16px 40px #e031311a}@media (max-width: 992px){.project-featured{grid-template-columns:1fr;padding:3rem 2rem;gap:3rem}}@media (max-width: 600px){.project-featured{overflow:visible;padding:2rem .5rem}}.featured-content{display:flex;flex-direction:column}.featured-content .project-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:.5rem}.featured-content .project-role{font-size:1.1rem;margin-bottom:1.5rem}.featured-content .project-desc{font-size:1.1rem;max-width:500px}.silver-theme .phone-frame{background:#fbfbfb;border-color:#d1d1d1;box-shadow:0 30px 60px -20px #0000004d,inset 0 0 1px 1px #fffc}.silver-theme .screen-image{width:100%;height:100%;object-fit:cover;transform:none}.featured-mockup.two-phones{position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center;perspective:500px}.featured-mockup.laptop-mockup{position:relative;width:100%;max-width:720px;display:flex;justify-content:center;align-items:center;margin:0 auto}.laptop-image-wrapper{position:relative;width:100%;max-width:600px}.laptop-img{width:100%;display:block}.laptop-video-overlay{position:absolute;top:7.7%;left:5.2%;width:86%;height:70%;object-fit:fill;border-radius:1px;box-shadow:inset 0 0 0 1px #0000000a}.laptop-image-overlay{position:absolute;top:9.3%;left:15.7%;width:68%;height:64%;object-fit:fill;border-radius:3px;box-shadow:inset 0 0 0 1px #0000000a}.laptop-frame{width:100%;max-width:700px;background:linear-gradient(180deg,#eceeef,#d6d8da);border-radius:34px;padding:18px 18px 12px;box-shadow:0 32px 80px #0a0e143d;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.laptop-frame:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:60px;height:5px;background:#00000024;border-radius:999px;z-index:2}.laptop-frame:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:calc(100% - 40px);height:28px;background:linear-gradient(180deg,#ffffffb3,#00000014);border-radius:0 0 28px 28px;z-index:-1}.laptop-screen{width:100%;min-height:330px;background:#111316;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.18);position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.laptop-screen:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:48px;height:5px;background:#ffffff1f;border-radius:999px;z-index:2}.laptop-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 16%,transparent 84%,rgba(255,255,255,.05) 100%);pointer-events:none;opacity:.16}.laptop-video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.05)}.laptop-base{width:100%;height:28px;margin-top:-6px;background:linear-gradient(180deg,#f5f6f7,#d7d9dc);border-radius:0 0 28px 28px}.laptop-keyboard{margin-top:10px;width:94%;max-width:640px;margin-left:auto;margin-right:auto;padding:16px 10px 14px;background:#14171c;border-radius:0 0 25px 25px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px}.keyboard-key{width:100%;height:8px;background:#ffffff1f;border-radius:999px;box-shadow:inset 0 1px #ffffff14}.laptop-trackpad{width:38%;max-width:260px;height:36px;margin:14px auto 0;background:#00000026;border-radius:16px;box-shadow:inset 0 1px #ffffff0d}.phone-stack-1,.phone-stack-2{position:absolute;transition:all .8s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.phone-stack-1{z-index:1;transform:translate(-40px) rotateY(15deg) scale(.9);opacity:.8}.phone-stack-2{z-index:2;transform:translate(40px) rotateY(-15deg)}.featured-mockup.two-phones:hover .phone-stack-1{transform:translate(-180px) rotateY(10deg) scale(1);opacity:1;z-index:3}.featured-mockup.two-phones:hover .phone-stack-2{transform:translate(100px) rotateY(-10deg) scale(.95);opacity:.9;z-index:2}.phone-container{position:relative;width:230px;height:60px}.phone-frame{position:relative;width:100%;height:50%;background:#111;border-radius:40px;border:10px solid #222;box-shadow:0 30px 60px -20px #0006;overflow:hidden;z-index:10}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:22px;background:#222;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:20}.phone-screen{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:28px}.phone-stack-1 .phone-screen{background:#fbfbfb}.phone-stack-2 .phone-screen{background:#fcb017}.phone-stack-1 .phone-frame{background:#1e1919;border-color:#1a1818;box-shadow:inset 0 0 4px #fffc,0 30px 60px -20px #0000004d,-1px -1px #fff,1px 1px #bbb}.phone-stack-1 .phone-notch{background:#333}.phone-stack-1 .screen-image{width:100%;height:100%;object-fit:contain;background:#fff}.phone-stack-2 .screen-image{width:100%;height:100%;object-fit:cover}.phone-btn{position:absolute;background:#333;width:3px;z-index:5}.phone-btn-power{top:90px;right:-12px;height:40px}.phone-btn-volume-up{top:75px;left:-12px;height:30px}.phone-btn-volume-down{top:115px;left:-12px;height:30px}@media (max-width: 900px){.featured-mockup.two-phones{height:auto;min-height:320px;margin-top:2rem;overflow:hidden}.phone-stack-1,.phone-stack-2{position:absolute;transition:all .8s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.phone-stack-1{transform:translate(-60px) scale(.8);z-index:1;opacity:.8}.phone-stack-2{transform:translate(60px) scale(.8);z-index:2}.featured-mockup.two-phones:hover .phone-stack-1{transform:translate(-100px) scale(.9);opacity:1}.featured-mockup.two-phones:hover .phone-stack-2{transform:translate(100px) scale(.9);opacity:.9}}@media (max-width: 600px){.featured-mockup.two-phones{min-height:320px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:visible;padding:0 .5rem;width:100%;max-width:100%;margin:0 auto}.phone-stack-1,.phone-stack-2{position:relative!important;transform:scale(.72)!important;opacity:1!important;flex-shrink:0}.phone-stack-1{z-index:1;margin-right:-62px}.phone-stack-2{z-index:2;margin-left:0}}.mt-4{margin-top:1rem}.app-badge-link img,.play-badge-link img{height:48px;transition:transform .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.app-badge-link:hover img,.play-badge-link:hover img{transform:scale(1.05)}.custom-device{display:flex!important;justify-content:center;align-items:center}.silver-theme .phone-frame{background:#fbfbfb;border-color:#d1d1d1}.silver-theme .phone-notch{background:#333}.silver-theme .phone-screen{background:#fff}.direct-phone-img{width:260px;height:auto;border-radius:44px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));transition:all var(--transition-base)}.phone-stack-1,.phone-stack-2{transition:all .8s cubic-bezier(.19,1,.22,1)}@media (max-width: 600px){.direct-phone-img{width:180px}}.laptop-video{pointer-events:none}.laptop-video{width:100%;height:100%;object-fit:cover}:root{--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--bg-accent: #f0f0f0;--text-primary: #000000;--text-secondary: #333333;--text-light: #666666;--accent-base: #000000;--accent-light: #e8e8e8;--accent-dark: #1a1a1a;--red-accent: #e03131;--red-light: #f5a5a5;--red-dark: #b71c1c;--border-color: rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--shadow-md: 0 10px 40px rgba(0, 0, 0, .06);--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:.5em}a{color:var(--red-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--red-dark)}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}button{font-family:Outfit,sans-serif;cursor:pointer;border:none;background:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:6rem 0}@media (max-width: 768px){.section-padding{padding:4rem 0}}.about-section{color:var(--text-primary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem}.about-image{width:100%;max-width:420px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);background-color:var(--bg-secondary)}.about-photo{display:block;width:100%;height:auto;object-fit:cover}.about-content h3{color:var(--text-primary);margin-bottom:1rem}.summary-text{color:var(--text-secondary);margin-bottom:1rem;line-height:1.75}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;margin-top:1.5rem}.info-item{color:var(--text-secondary)}.info-label{font-weight:600;color:var(--text-primary)}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;text-align:center}.about-content{margin-top:1.5rem}.info-grid{grid-template-columns:1fr}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:clamp(2rem,6vw,2.5rem);text-align:center;margin-bottom:3rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}@media (max-width: 768px){.section-title{font-size:2rem}#education .section-title{font-size:1.5rem}}.section-title:after{content:"";position:absolute;bottom:-.2em;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--red-accent);border-radius:var(--radius-full)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-base)}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all var(--transition-fast)}.btn-primary{background-color:var(--red-accent);color:#fff;box-shadow:0 4px 14px -4px var(--red-accent)}.btn-primary:hover{background-color:var(--red-dark);transform:translateY(-2px);box-shadow:0 6px 20px -4px var(--red-dark);color:#fff}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--red-accent)}.btn-outline:hover{background-color:var(--red-accent);color:#fff}