@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#05060a;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.portfolio{background:radial-gradient(circle at 70% 30%,#5b2db421,#0000 35%),#05060a;min-height:100vh;position:relative;overflow:hidden}.background-glow{filter:blur(120px);opacity:.18;pointer-events:none;z-index:0;border-radius:50%;width:500px;height:500px;position:fixed}.glow-one{background:#6d3cff;top:5%;right:-150px}.glow-two{background:#008cff;bottom:10%;left:-200px}.navbar{z-index:10;justify-content:space-between;align-items:center;width:min(1200px,100% - 60px);height:80px;margin:0 auto;display:flex;position:relative}.logo{background:linear-gradient(135deg,#9d6cff,#5b8cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800}.nav-links{gap:34px;display:flex}.nav-links a{color:#a6a8b2;font-size:14px;transition:all .3s;position:relative}.nav-links a:hover,.nav-links a:first-child{color:#fff}.nav-links a:first-child:after{content:"";background:linear-gradient(90deg,#6d3cff,#258dff);height:2px;position:absolute;bottom:-10px;left:0;right:0;box-shadow:0 0 12px #6d3cff}.theme-button{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #282b38;border-radius:50%;width:42px;height:42px;transition:all .3s}.theme-button:hover{border-color:#7650ff;box-shadow:0 0 20px #7650ff40}.hero{z-index:2;justify-content:space-between;align-items:center;gap:70px;width:min(1200px,100% - 60px);min-height:calc(100vh - 80px);margin:0 auto;display:flex;position:relative}.hero-content{max-width:650px}.greeting{color:#b48cff;margin-bottom:12px;font-size:16px}.hero h1{letter-spacing:-4px;margin-bottom:20px;font-size:clamp(55px,7vw,90px);line-height:1}.hero h1 span{background:linear-gradient(135deg,#a66cff,#5c8cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero h2{color:#8d9cff;margin-bottom:18px;font-size:28px}.hero-buttons{gap:16px;margin-bottom:30px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#713cff,#438dff);box-shadow:0 0 25px #673cff4d}.primary-button:hover{transform:translateY(-3px);box-shadow:0 0 35px #673cff80}.secondary-button{background:#ffffff05;border:1px solid #383b49}.secondary-button:hover{border-color:#7450ff;transform:translateY(-3px)}.social-links{gap:12px;display:flex}.social-links a{color:#b5b6bf;border:1px solid #292c38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;transition:all .3s;display:flex}.social-links a:hover{color:#fff;border-color:#7650ff;box-shadow:0 0 20px #7650ff4d}.developer-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#14151fe6,#08090fe6);border:1px solid #8282b440;border-radius:18px;flex-shrink:0;width:290px;padding:28px;box-shadow:0 20px 60px #00000059}.skill-bar{background:#20222d;border-radius:10px;height:4px;overflow:hidden}.placeholder-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b12a6;border:1px solid #8282b426;border-radius:20px;width:min(1200px,100% - 60px);min-height:350px;margin:40px auto;padding:60px;position:relative}.placeholder-section p{color:#9b6cff;margin-bottom:10px}.placeholder-section h2{font-size:40px}@media (width<=900px){.nav-links{gap:18px}.hero{flex-direction:column;align-items:flex-start;padding-top:70px;padding-bottom:70px}.developer-card{width:100%;max-width:420px}}@media (width<=650px){.navbar,.hero,.placeholder-section{width:min(100% - 32px,1200px)}.navbar{height:70px}.nav-links{display:none}.hero{min-height:auto;padding-top:80px}.hero h1{letter-spacing:-2px;font-size:52px}.hero h2{font-size:22px}.hero-buttons{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%}.developer-card{max-width:none}.placeholder-section{min-height:250px;padding:30px}.placeholder-section h2{font-size:30px}.about-section{width:calc(100% - 32px);padding:45px 25px}.about-content{grid-template-columns:1fr;gap:35px}.about-highlights{grid-template-columns:1fr}.section-heading h2{font-size:32px}.skills-section{width:calc(100% - 32px);padding:45px 25px}.skills-grid{grid-template-columns:1fr}.skill-category{padding:22px}.projects-section{width:calc(100% - 32px);padding:45px 25px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto;padding:25px}}.about-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b12a6;border:1px solid #8282b426;border-radius:20px;width:min(1200px,100% - 60px);margin:40px auto;padding:80px 60px;position:relative}.section-heading p{color:#9b6cff;margin-bottom:10px;font-size:14px}.section-heading h2{margin-bottom:45px;font-size:42px}.about-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-text p{color:#9698a4;margin-bottom:20px;font-size:15px;line-height:1.8}.about-highlights{grid-template-columns:1fr 1fr;gap:15px;display:grid}.highlight-card{background:#ffffff06;border:1px solid #252837;border-radius:14px;padding:22px;transition:all .3s}.highlight-card:hover{border-color:#7350ff;transform:translateY(-4px);box-shadow:0 10px 30px #5a3cc826}.highlight-card span{color:#7650ff;font-size:12px}.highlight-card h3{margin:12px 0 8px;font-size:16px}.highlight-card p{color:#858794;font-size:12px;line-height:1.6}.skills-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b12a6;border:1px solid #8282b426;border-radius:20px;width:min(1200px,100% - 60px);margin:40px auto;padding:80px 60px;position:relative}.skills-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-category{background:#ffffff06;border:1px solid #252837;border-radius:16px;padding:28px;transition:all .3s}.skill-category:hover{border-color:#7350ff;transform:translateY(-5px);box-shadow:0 15px 40px #5a3cc826}.category-number{color:#7650ff;margin-bottom:18px;font-size:12px}.skill-category h3{margin-bottom:10px;font-size:19px}.skill-category>p{color:#858794;margin-bottom:22px;font-size:13px;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags span{color:#b6b8c2;background:#ffffff06;border:1px solid #292c38;border-radius:20px;padding:7px 11px;font-size:11px;transition:all .25s}.skill-tags span:hover{color:#fff;background:#7650ff14;border-color:#7650ff}.hero{background:radial-gradient(circle at 70% 45%,#5336ff29,#0000 30%),radial-gradient(circle at 20% 70%,#0073ff1a,#0000 28%),#05060d;align-items:center;width:100%;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glow{filter:blur(70px);opacity:.45;border-radius:50%;position:absolute}.glow-one{background:#5c2fff38;width:420px;height:420px;animation:7s ease-in-out infinite alternate glowMove;top:15%;right:20%}.glow-two{background:#0069ff1f;width:300px;height:300px;animation:9s ease-in-out infinite alternate-reverse glowMove;bottom:0;left:5%}@keyframes glowMove{0%{transform:translate(0)scale(1)}to{transform:translate(35px,-20px)scale(1.15)}}.dna{opacity:.55;width:800px;height:300px;position:absolute;transform:rotate(-12deg)}.dna-one{top:70px;right:-120px}.dna-two{opacity:.4;bottom:-30px;left:-180px;transform:rotate(-12deg)scale(.85)}.dna:before,.dna:after{content:"";border-top:2px solid #5f4eff8c;border-radius:50%;width:100%;height:100%;position:absolute;left:0}.dna:before{top:35px;transform:rotate(12deg);box-shadow:0 0 10px #4c4effb3,0 0 25px #833fff59}.dna:after{top:135px;transform:rotate(-12deg);box-shadow:0 0 10px #1e8cffb3,0 0 25px #6446ff59}.dna span{background:linear-gradient(#6b5cff,#218cff);width:3px;height:105px;animation:3s ease-in-out infinite dnaPulse;position:absolute;transform:rotate(20deg);box-shadow:0 0 8px #5e5affe6}.dna span:first-child{top:45px;left:10%}.dna span:nth-child(2){animation-delay:.4s;top:65px;left:27%}.dna span:nth-child(3){animation-delay:.8s;top:75px;left:44%}.dna span:nth-child(4){animation-delay:1.2s;top:65px;left:61%}.dna span:nth-child(5){animation-delay:1.6s;top:45px;left:78%}.dna span:nth-child(6){animation-delay:2s;top:30px;left:94%}@keyframes dnaPulse{0%,to{opacity:.35;box-shadow:0 0 5px #6450ff80}50%{opacity:1;box-shadow:0 0 12px #6450ff,0 0 25px #6450ff80}}.particles i{background:#8d7aff;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 8px #7565ff,0 0 15px #7565ffb3}.particles i:first-child{top:22%;left:8%}.particles i:nth-child(2){animation-delay:1s;top:68%;left:18%}.particles i:nth-child(3){animation-delay:2s;top:18%;left:32%}.particles i:nth-child(4){animation-delay:.5s;top:76%;left:46%}.particles i:nth-child(5){animation-delay:1.5s;top:16%;left:58%}.particles i:nth-child(6){animation-delay:2.5s;top:24%;left:72%}.particles i:nth-child(7){animation-delay:.8s;top:12%;left:84%}.particles i:nth-child(8){animation-delay:1.8s;top:62%;left:91%}.particles i:nth-child(9){animation-delay:2.2s;top:80%;left:63%}.particles i:nth-child(10){animation-delay:3s;top:50%;left:38%}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-18px)}}.hero-content{z-index:5;grid-template-columns:1.15fr .9fr .55fr;align-items:center;gap:20px;width:min(1200px,100% - 80px);min-height:650px;margin:0 auto;display:grid;position:relative}.hero-text{z-index:10;position:relative}.eyebrow{color:#a37aff;margin-bottom:10px;font-size:15px}.hero-text h1{letter-spacing:-3px;margin:0;font-size:clamp(55px,6vw,82px);font-weight:800;line-height:.95}.hero-text h1 span{color:#7758ff}.hero-text h2{background:linear-gradient(90deg,#35a8ff,#8a5cff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:25px;margin-bottom:18px;font-size:clamp(25px,3vw,38px)}.hero-tags{color:#dddde7;margin-bottom:25px;font-size:15px}.hero-description{color:#9295a4;max-width:520px;margin-bottom:30px;font-size:14px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:10px;padding:14px 23px;font-size:13px;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background:linear-gradient(135deg,#7448ff,#347fff);border:none;box-shadow:0 8px 30px #5746ff4d}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #5746ff73}.secondary-btn{color:#fff;background:#ffffff05;border:1px solid #37384a}.secondary-btn:hover{background:#7657ff14;border-color:#7657ff;transform:translateY(-3px)}.social-links{gap:12px;margin-top:25px;display:flex}.social-links a{color:#aaaabd;border:1px solid #292b3b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{color:#fff;border-color:#7657ff;transform:translateY(-3px);box-shadow:0 0 20px #7657ff40}.hero-photo-area{z-index:6;justify-content:center;align-items:center;height:650px;display:flex;position:relative}.hero-photo{z-index:3;object-fit:contain;filter:drop-shadow(0 0 25px #5c41ff59)drop-shadow(0 0 70px #3560ff2e);border:none;width:520px;max-width:120%;height:auto;animation:5s ease-in-out infinite portraitFloat;position:relative;-webkit-mask-image:linear-gradient(#000 70%,#000000d9 82%,#0000 100%);mask-image:linear-gradient(#000 70%,#000000d9 82%,#0000 100%)}@keyframes portraitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.photo-glow{filter:blur(25px);z-index:1;background:radial-gradient(circle,#6640ff80,#2a5aff2e,#0000 70%);border-radius:50%;width:430px;height:430px;animation:4s ease-in-out infinite alternate photoGlow;position:absolute}@keyframes photoGlow{0%{opacity:.65;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.developer-card{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#121423e6,#080911d9);border:1px solid #6d5cff59;border-radius:18px;width:100%;padding:25px;position:relative;box-shadow:0 20px 60px #00000059,0 0 35px #5b44ff14}.code-icon{color:#8d68ff;margin-bottom:12px;font-size:25px}.developer-card h3{margin-bottom:25px;font-size:18px}.skill{margin-bottom:18px}.skill>div:first-child{color:#aeb0bd;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.skill-bar{background:#202232;border-radius:10px;width:100%;height:4px;overflow:hidden}.skill-bar div{border-radius:inherit;background:linear-gradient(90deg,#278cff,#9258ff);height:100%;box-shadow:0 0 10px #754bff8c}.available{color:#aaaeba;align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}.available span{background:#35e987;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #35e987}@media (width<=1050px){.hero-content{grid-template-columns:1fr 1fr}.developer-card{display:none}.hero-photo{width:480px}}@media (width<=750px){.hero{min-height:auto}.hero-content{text-align:center;grid-template-columns:1fr;width:calc(100% - 32px);min-height:auto;padding-top:80px;padding-bottom:70px}.hero-text{order:1}.hero-photo-area{order:2;height:480px}.hero-photo{width:440px;max-width:120%}.developer-card{text-align:left;order:3;max-width:400px;margin:0 auto;display:block}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.social-links{justify-content:center}.dna-one{top:150px;right:-450px}.dna-two{left:-400px}}@media (width<=500px){.hero-content{padding-top:50px}.hero-text h1{letter-spacing:-2px;font-size:48px}.hero-text h2{font-size:27px}.hero-tags{font-size:12px;line-height:1.8}.hero-description{font-size:13px}.hero-photo-area{height:400px}.hero-photo{width:360px}.photo-glow{width:300px;height:300px}.developer-card{padding:20px}}@media (width>=1051px){.hero-content{grid-template-columns:minmax(430px,1.05fr) minmax(400px,.9fr) minmax(190px,.42fr);gap:10px;width:min(1300px,100% - 70px)}.hero-text{padding-left:20px}.hero-text h1{white-space:nowrap;letter-spacing:-3px;font-size:clamp(58px,5.5vw,78px)}.hero-text h2{font-size:34px}.hero-description{max-width:500px}.hero-photo-area{height:650px;transform:translate(15px)}.hero-photo{width:650px;max-width:none}.photo-glow{width:470px;height:470px}.developer-card{width:190px;transform:translate(-5px)}}.projects-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b12a6;border:1px solid #8282b426;border-radius:20px;width:min(1200px,100% - 60px);margin:40px auto;padding:80px 60px;position:relative}.projects-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card:before{content:"";filter:blur(30px);background:#6948ff1f;border-radius:50%;width:180px;height:180px;transition:all .35s;position:absolute;top:-80px;right:-80px}.project-card:hover:before{transform:scale(1.4)}.project-number{color:#7657ff;margin-bottom:18px;font-size:12px;position:relative}.project-icon{margin-bottom:18px;font-size:30px}.project-card h3{margin-bottom:12px;font-size:21px;position:relative}.project-card>p{color:#898c9b;max-width:480px;margin-bottom:22px;font-size:13px;line-height:1.7;position:relative}.project-tech{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex;position:relative}.project-tech span{color:#aeb0bd;background:#ffffff06;border:1px solid #2a2d3b;border-radius:20px;padding:6px 10px;font-size:10px}.project-link{color:#9177ff;cursor:pointer;background:0 0;border:none;padding:9px 0;font-size:12px;font-weight:600;transition:all .25s;position:relative}.project-page{color:#fff;background:radial-gradient(circle at 75% 20%,#6946ff29,#0000 30%),radial-gradient(circle at 15% 80%,#006eff1a,#0000 30%),#05060d;min-height:100vh;padding:40px 20px 100px}.project-page-container{width:min(1100px,100%);margin:0 auto}.back-link{color:#9b87ff;margin-bottom:60px;font-size:13px;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#fff;transform:translate(-4px)}.project-hero{background:linear-gradient(145deg,#141523d9,#07080fd9);border:1px solid #7864ff38;border-radius:24px;padding:70px 60px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000004d}.project-hero:before{content:"";filter:blur(60px);background:#6446ff26;border-radius:50%;width:350px;height:350px;position:absolute;top:-150px;right:-150px}.project-label{color:#9275ff;letter-spacing:2px;margin-bottom:18px;font-size:12px;position:relative}.project-hero h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1;position:relative}.project-intro{color:#989baa;max-width:700px;margin-top:25px;font-size:16px;line-height:1.8;position:relative}.project-page-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex;position:relative}.project-page-tags span{color:#b9b3d9;cursor:pointer;background:#785aff0f;border:1px solid #8269ff59;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:500;transition:transform .25s,color .25s,border-color .25s,background .25s,box-shadow .25s;position:relative}.project-page-tags span:before{content:"✦";color:#866aff;margin-right:6px;font-size:9px}.project-page-tags span:hover{color:#fff;background:#785aff24;border-color:#8568ff;transform:translateY(-3px);box-shadow:0 8px 25px #6446ff2e,0 0 15px #6446ff1a}.project-content-grid{grid-template-columns:1fr 280px;gap:60px;margin-top:40px;display:grid}.project-content-grid section{border-bottom:1px solid #202231;padding:45px 0}.content-label{color:#795dff;letter-spacing:1.5px;margin-bottom:15px;font-size:11px}.project-content-grid h2{margin-bottom:18px;font-size:30px}.project-content-grid section p{color:#9295a5;max-width:700px;font-size:14px;line-height:1.9}.feature-list{margin:25px 0 0;padding:0;list-style:none}.feature-list li{color:#b4b6c3;padding:12px 0 12px 25px;font-size:14px;position:relative}.feature-list li:before{content:"✦";color:#8065ff;position:absolute;left:0}.project-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#161726f2,#0a0b14eb);border:1px solid #8269ff38;border-radius:22px;align-self:start;padding:10px;position:sticky;top:30px;overflow:hidden;box-shadow:0 25px 60px #00000059,inset 0 1px #ffffff08}.project-sidebar:before{content:"";background:linear-gradient(90deg,#7657ff,#a66cff,#0000);border-radius:10px;width:70px;height:3px;margin:4px 0 8px 10px;display:block}.project-sidebar>div{border:1px solid #0000;border-radius:14px;margin:5px;padding:18px;transition:background .25s,border-color .25s,transform .25s;position:relative}.project-sidebar>div:hover{background:#785aff12;border-color:#7d5fff40;transform:translate(4px)}.project-sidebar span{color:#777b91;letter-spacing:1.5px;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:600;display:flex}.project-sidebar span:before{content:"";background:#8065ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #8065ffb3}.project-sidebar strong{color:#f1f0f7;font-size:13px;font-weight:600;line-height:1.5;transition:color .25s;display:block}.project-sidebar>div:hover strong{color:#a995ff}@media (width<=750px){.project-page{padding:25px 16px 70px}.back-link{margin-bottom:30px}.project-hero{padding:40px 25px}.project-hero h1{font-size:42px}.project-intro{font-size:14px}.project-content-grid{grid-template-columns:1fr;gap:20px}.project-sidebar{order:-1;position:relative;top:auto}.project-content-grid h2{font-size:26px}}.product-experience{padding:70px 0 30px}.product-experience>h2{margin-bottom:15px;font-size:clamp(28px,4vw,40px)}.product-experience>p:not(.content-label){color:#9295a5;max-width:700px;font-size:14px;line-height:1.8}.app-preview-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.phone-preview{text-align:center}.phone-preview>p{color:#aaaabd;margin-top:18px;font-size:12px}.phone-screen{color:#17131b;background:#f3e5f3;border:6px solid #171923;border-radius:30px;width:210px;height:430px;margin:0 auto;padding:14px;font-family:Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006,0 0 35px #6446ff1f}.phone-status{text-align:right;color:#555;margin-bottom:12px;font-size:8px}.app-header{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:17px;display:flex}.app-header b{color:#e96516;font-family:Georgia,serif;font-size:21px;font-style:italic}.app-header span{color:#ef6500}.search-box{color:#aaa;background:#fff;border-radius:20px;margin-bottom:18px;padding:12px 10px;font-size:7px}.phone-screen small{text-align:left;margin-bottom:9px;font-family:Georgia,serif;font-size:10px;font-weight:700;display:block}.sport-row{gap:7px;margin-bottom:20px;display:flex;overflow:hidden}.sport-box{color:#fff;text-shadow:0 2px 5px #000;border-radius:8px;justify-content:center;align-items:center;min-width:105px;height:75px;font-family:Georgia,serif;font-size:12px;font-weight:700;display:flex}.volleyball{background:linear-gradient(#0003,#00000059),#b36b43}.kabaddi{background:linear-gradient(#0003,#00000059),#168e92}.phone-screen h5{text-align:left;margin:16px 0 9px;font-family:Georgia,serif;font-size:10px}.live-match{color:#101510;text-align:left;background:#49b34f;border-radius:8px;padding:13px;font-size:8px;box-shadow:0 5px 12px #00000026}.live-match strong{margin-top:5px;font-size:15px;display:block}.upcoming-match{text-align:left;background:#70c9e9;border-radius:8px;padding:11px;font-size:8px}.upcoming-match small{margin-top:4px;font-size:7px;font-weight:400}.registration-screen{background:#fff7b9;padding:18px}.registration-screen h4{color:#111;background:#ff9d00;border-radius:9px;margin:12px auto 20px;padding:12px 16px;font-family:Georgia,serif;font-size:13px;display:inline-block}.form-field{color:#252525;text-align:left;background:#a7dce3;border:1px solid #4d7880;border-radius:8px;height:37px;margin-bottom:9px;padding:11px;font-family:Georgia,serif;font-size:8px}.registration-screen button{color:#fff;background:#050505;border:none;border-radius:9px;width:100%;margin-top:8px;padding:11px;font-family:Georgia,serif;font-size:10px}.score-screen{background:#f3e5f3;padding:15px}.score-screen h4{color:#fff;background:#ed1764;border-radius:8px;margin:12px 0 8px;padding:13px;font-family:Georgia,serif;font-size:12px}.score-team{color:#fff;background:#6635c2;border-radius:7px;justify-content:space-between;align-items:center;margin-top:7px;padding:12px;font-size:8px;display:flex}.score-team strong{font-size:18px}.score-total{color:#fff;text-align:center;background:#217bd1;border-radius:8px;margin-top:15px;padding:18px}.score-total small{color:#fff;text-align:center;margin-bottom:4px}.score-total strong{font-size:24px;display:block}.score-buttons{color:#fff;background:#29292d;border-radius:8px;margin-top:15px;padding:13px;font-size:10px}.contribution-section{padding:60px 0 20px}.contribution-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;display:grid}.contribution-grid>div{background:#ffffff04;border:1px solid #292b3b;border-radius:15px;padding:25px;transition:all .3s}.contribution-grid>div:hover{border-color:#7657ff;transform:translateY(-5px);box-shadow:0 15px 35px #503cc81f}.contribution-grid span{color:#7657ff;font-size:11px}.contribution-grid h3{margin:12px 0;font-size:17px}.contribution-grid p{color:#858897;font-size:12px;line-height:1.7}@media (width<=750px){.app-preview-grid{grid-template-columns:1fr}.phone-screen{width:230px;height:460px}.contribution-grid{grid-template-columns:1fr}}.phone-preview{cursor:pointer;transition:transform .35s}.phone-preview:hover{transform:translateY(-10px)}.phone-preview:hover .phone-screen{border-color:#8065ff;box-shadow:0 25px 60px #00000080,0 0 35px #6e50ff59}.phone-screen{transition:transform .35s,border-color .35s,box-shadow .35s}.phone-preview:hover .phone-screen{transform:scale(1.025)}.phone-preview>p{transition:color .3s}.phone-preview:hover>p{color:#a58fff}.screen-modal{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020308d1;justify-content:center;align-items:center;padding:30px;animation:.25s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.screen-modal-content{flex-direction:column;align-items:center;display:flex;position:relative}.modal-close{color:#fff;cursor:pointer;background:#11121c;border:1px solid #393b4c;border-radius:50%;width:40px;height:40px;font-size:25px;transition:all .25s;position:absolute;top:-15px;right:-55px}.modal-close:hover{background:#211b42;border-color:#8065ff;transform:rotate(90deg)}.modal-phone{background:#161721;border:1px solid #55516e;border-radius:35px;padding:8px;box-shadow:0 30px 100px #000000b3,0 0 50px #6446ff40}.modal-phone-screen{color:#17131b;background:#f3e5f3;border-radius:27px;width:330px;height:650px;padding:22px;font-family:Arial,sans-serif;overflow:hidden}.modal-status{text-align:right;color:#555;margin-bottom:20px;font-size:10px}.modal-phone-screen h2{color:#e96516;margin-bottom:25px;font-family:Georgia,serif;font-size:23px}.modal-search{color:#aaa;background:#fff;border-radius:25px;margin-bottom:25px;padding:15px;font-size:11px}.modal-phone-screen h4{margin:20px 0 10px;font-family:Georgia,serif;font-size:13px}.modal-sports{gap:10px;display:flex}.modal-sports div{color:#fff;background:#378b91;border-radius:10px;flex:1;justify-content:center;align-items:center;height:100px;font-family:Georgia,serif;font-size:12px;font-weight:700;display:flex}.modal-live{background:#49b34f;border-radius:10px;padding:18px;font-size:11px}.modal-live strong{margin-top:8px;font-size:22px;display:block}.modal-upcoming{background:#70c9e9;border-radius:10px;padding:15px;font-size:11px;line-height:1.7}.modal-form{background:#a7dce3;border:1px solid #527c83;border-radius:10px;margin-bottom:10px;padding:15px;font-family:Georgia,serif;font-size:10px}.modal-submit{color:#fff;cursor:pointer;background:#050505;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px}.score-title{text-align:center;border-radius:10px;padding:15px;color:#fff!important;background:#ed1764!important}.modal-team{color:#fff;background:#6635c2;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:20px;font-size:12px;display:flex}.modal-team strong{font-size:25px}.modal-total{color:#fff;text-align:center;background:#217bd1;border-radius:10px;margin-top:15px;padding:25px}.modal-total small{margin-bottom:5px;display:block}.modal-total strong{font-size:30px}.modal-controls{color:#fff;text-align:center;background:#29292d;border-radius:10px;margin-top:15px;padding:18px;font-size:12px}.modal-caption{color:#858797;margin-top:15px;font-size:11px}@media (width<=600px){.screen-modal{padding:15px}.modal-phone-screen{width:280px;height:560px;padding:18px}.modal-close{top:-50px;right:-5px}.modal-sports div{height:80px}}.design-process{padding:70px 0 30px}.process-intro{color:#9295a5;max-width:700px;margin-top:15px;font-size:14px;line-height:1.8}.process-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px;display:grid}.process-card{background:#ffffff04;border:1px solid #292b3b;border-radius:16px;min-height:190px;padding:25px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.process-card:hover{background:#7657ff0f;border-color:#7657ff;transform:translateY(-7px);box-shadow:0 15px 35px #503cc81f}.process-card span{color:#8065ff;font-size:11px;font-weight:600}.process-card h3{margin:14px 0 10px;font-size:17px}.process-card p{color:#858897;font-size:12px;line-height:1.7}@media (width<=900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.process-grid{grid-template-columns:1fr}.process-card{min-height:auto}}.project-outcome{padding:70px 0 30px}.outcome-text{color:#9295a5;max-width:700px;margin-top:15px;font-size:14px;line-height:1.9}.outcome-points{gap:10px;margin-top:30px;display:grid}.outcome-points>div{background:#ffffff04;border:1px solid #292b3b;border-radius:12px;align-items:center;gap:15px;padding:16px 18px;transition:all .3s;display:flex}.outcome-points>div:hover{background:#7657ff0f;border-color:#7657ff;transform:translate(5px)}.outcome-points span{color:#8065ff;font-size:14px}.outcome-points p{color:#a1a3b1;margin:0;font-size:12px}.web-preview-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px;display:grid}.web-preview-card{cursor:pointer;transition:transform .3s}.web-preview-card:hover{transform:translateY(-8px)}.web-preview-card:hover .browser-window{border-color:#8065ff;box-shadow:0 25px 60px #00000073,0 0 35px #6e50ff38}.browser-window{background:#11121b;border:1px solid #303244;border-radius:16px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 45px #0000004d}.browser-bar{background:#191a25;border-bottom:1px solid #292b39;align-items:center;gap:7px;height:32px;padding:0 13px;display:flex}.browser-bar span{background:#666;border-radius:50%;width:7px;height:7px}.browser-content{color:#f3f2f8;background:radial-gradient(circle at 80% 10%,#7657ff1f,#0000 35%),#0d0f18;min-height:360px;padding:35px}.mini-logo{color:#a995ff;letter-spacing:1px;margin-bottom:30px;font-size:11px;font-weight:600}.browser-content h3{margin-bottom:8px;font-size:22px}.browser-content>p{color:#858897;font-size:12px;line-height:1.7}.upload-box{background:#ffffff05;border:1px dashed #484b60;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;margin-top:14px;transition:all .25s;display:flex}.upload-box:hover{background:#7657ff0f;border-color:#8065ff}.upload-box strong{margin-bottom:6px;font-size:22px}.upload-box span{font-size:11px}.upload-box small{color:#777b91;margin-top:4px;font-size:9px}.browser-content button{color:#fff;cursor:pointer;background:#7657ff;border:none;border-radius:9px;width:100%;margin-top:18px;padding:12px;font-size:11px;font-weight:600;transition:all .25s}.browser-content button:hover{background:#8b70ff;transform:translateY(-2px)}.web-preview-card>p{color:#858897;text-align:center;margin-top:15px;font-size:11px;transition:all .25s}.web-preview-card:hover>p{color:#a995ff}.dashboard-preview{text-align:center;position:relative}.score-circle{color:#fff;border:7px solid #7657ff;border-radius:50%;justify-content:center;align-items:center;width:115px;height:115px;margin:25px auto 15px;font-size:27px;font-weight:700;display:flex;box-shadow:0 0 30px #7657ff33}.mini-progress{background:#252738;border-radius:20px;max-width:350px;height:7px;margin:15px auto;overflow:hidden}.mini-progress span{border-radius:inherit;background:#7657ff;width:82%;height:100%;display:block}.mini-stat-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:400px;margin:20px auto 0;display:grid}.mini-stat-grid div{background:#ffffff05;border:1px solid #292b3b;border-radius:10px;padding:16px}.mini-stat-grid strong{font-size:22px;display:block}.mini-stat-grid small{color:#858897;font-size:9px}.insight-row{background:#ffffff05;border:1px solid #292b3b;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 16px;font-size:11px;display:flex}.insight-row b{color:#a995ff;font-size:10px}.web-modal-content{width:min(900px,95vw)}.large-browser-window{background:#0d0f18;border:1px solid #4a4565;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 30px 100px #000000b3,0 0 50px #6446ff33}.large-browser-content{color:#fff;background:radial-gradient(circle at 80% 10%,#7657ff24,#0000 35%),#0d0f18;min-height:520px;padding:50px}.modal-label{color:#8065ff;letter-spacing:2px;font-size:10px;font-weight:600}.large-browser-content h2{margin:12px 0;font-size:32px}.large-browser-content>p{color:#858897;max-width:650px;font-size:13px;line-height:1.8}.large-upload-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:35px;display:grid}.large-upload-box{text-align:center;border:1px dashed #4c4e63;border-radius:14px;padding:35px;transition:all .25s}.large-upload-box:hover{background:#7657ff0d;border-color:#8065ff}.large-upload-box strong{margin-bottom:12px;font-size:32px;display:block}.large-upload-box h3{margin-bottom:7px;font-size:15px}.large-upload-box p{color:#858897;font-size:11px}.large-score{border:8px solid #7657ff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:35px auto 15px;font-size:36px;font-weight:700;display:flex;box-shadow:0 0 45px #7657ff33}.large-stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px;display:grid}.large-stat-grid div{text-align:center;background:#ffffff05;border:1px solid #292b3b;border-radius:12px;padding:22px}.large-stat-grid strong{margin-bottom:7px;font-size:25px;display:block}.large-stat-grid span{color:#858897;font-size:10px}.large-insight-list{margin-top:30px}.large-insight-list div{background:#ffffff05;border:1px solid #292b3b;border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:18px 20px;display:flex}.large-insight-list span{color:#ddd;font-size:12px}.large-insight-list b{color:#a995ff;font-size:11px}@media (width<=700px){.web-preview-grid{grid-template-columns:1fr}.browser-content{min-height:300px;padding:22px}.browser-content h3{font-size:18px}.large-browser-content{min-height:450px;padding:25px}.large-browser-content h2{font-size:25px}.large-upload-grid,.large-stat-grid{grid-template-columns:1fr}}.projects-section{width:calc(100% - 80px);max-width:1200px;margin:0 auto;padding:100px 40px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:50px;display:grid}.project-card{background:linear-gradient(145deg,#7657ff0f,#ffffff04);border:1px solid #292b3b;border-radius:20px;min-height:330px;padding:32px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.project-card:before{content:"";filter:blur(35px);opacity:0;background:#7657ff1f;border-radius:50%;width:180px;height:180px;transition:opacity .35s;position:absolute;top:-80px;right:-70px}.project-card:hover:before{opacity:1}.project-number{color:#8065ff;letter-spacing:1px;font-size:11px;font-weight:600;position:relative}.project-icon{background:#ffffff08;border:1px solid #34364a;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin:25px 0 20px;font-size:24px;transition:transform .3s;display:flex;position:relative}.project-card:hover .project-icon{transform:scale(1.08)rotate(-3deg)}.project-card h3{color:#f3f2f8;margin:0 0 12px;font-size:21px;position:relative}.project-card>p{color:#858897;max-width:520px;margin:0;font-size:13px;line-height:1.8;position:relative}.project-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex;position:relative}.project-tags span{color:#aab;background:#ffffff06;border:1px solid #303244;border-radius:20px;padding:6px 10px;font-size:9px;transition:border-color .25s,color .25s,background .25s}.project-card:hover .project-tags span{color:#c1b8ff;background:#7657ff0d;border-color:#45405f}.project-link{color:#a995ff;align-items:center;margin-top:25px;font-size:11px;font-weight:600;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex;position:relative}.project-link:hover{color:#fff;transform:translate(5px)}@media (width<=850px){.projects-section{width:calc(100% - 32px);padding:70px 25px}.projects-grid{grid-template-columns:1fr}}@media (width<=600px){.projects-section{width:calc(100% - 20px);padding:55px 15px}.projects-grid{gap:16px;margin-top:35px}.project-card{border-radius:16px;min-height:auto;padding:25px}.project-card h3{font-size:19px}.project-card>p{font-size:12px}}.experience-section{width:calc(100% - 80px);max-width:1200px;margin:0 auto;padding:100px 40px}.experience-timeline{margin-top:55px;position:relative}.experience-timeline:before{content:"";background:#292b3b;width:1px;position:absolute;top:10px;bottom:10px;left:25px}.experience-item{grid-template-columns:52px 1fr;gap:25px;margin-bottom:35px;display:grid;position:relative}.experience-marker{z-index:2;color:#a995ff;background:#0d0f18;border:1px solid #7657ff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:11px;font-weight:600;display:flex;position:relative;box-shadow:0 0 25px #7657ff1f}.experience-content{background:linear-gradient(145deg,#7657ff0d,#ffffff04);border:1px solid #292b3b;border-radius:18px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s}.experience-content:hover{border-color:#7657ff;transform:translate(6px);box-shadow:0 20px 45px #00000040,0 0 30px #7657ff1a}.experience-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.experience-content h3{color:#f3f2f8;margin:0;font-size:20px}.experience-company{color:#8065ff;margin-top:8px;font-size:12px}.experience-date{color:#aab;border:1px solid #303244;border-radius:20px;flex-shrink:0;padding:7px 11px;font-size:10px}.experience-content>p{color:#858897;max-width:800px;margin-top:18px;font-size:13px;line-height:1.8}.experience-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.experience-tags span{color:#aab;cursor:default;background:#ffffff06;border:1px solid #303244;border-radius:20px;padding:7px 12px;font-size:9px;transition:transform .3s,border-color .3s,color .3s,background .3s,box-shadow .3s;position:relative}.experience-tags span:hover{color:#fff;background:#7657ff1a;border-color:#8065ff;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 20px #7657ff26,0 0 12px #7657ff14}.experience-content:hover .experience-tags span{color:#c1b8ff;background:#7657ff0d;border-color:#45405f}@media (width<=700px){.experience-section{width:calc(100% - 32px);padding:70px 20px}.experience-timeline:before{left:20px}.experience-item{grid-template-columns:42px 1fr;gap:15px}.experience-marker{width:42px;height:42px;font-size:9px}.experience-content{padding:22px}.experience-top{flex-direction:column;gap:10px}.experience-content h3{font-size:17px}.experience-content>p{font-size:12px}}.contact-section{width:calc(100% - 80px);max-width:1200px;margin:0 auto;padding:100px 40px 80px}.contact-content{grid-template-columns:1fr 1fr;gap:60px;margin-top:55px;display:grid}.contact-intro{flex-direction:column;justify-content:center;display:flex}.contact-intro h3{color:#f3f2f8;max-width:500px;margin:0;font-size:32px;line-height:1.25}.contact-intro p{color:#858897;max-width:500px;margin-top:20px;font-size:14px;line-height:1.8}.contact-email{color:#a995ff;align-items:center;width:fit-content;margin-top:25px;font-size:13px;font-weight:600;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.contact-card{color:inherit;background:linear-gradient(145deg,#7657ff0d,#ffffff04);border:1px solid #292b3b;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid}.contact-card:hover{background:linear-gradient(145deg,#7657ff1a,#ffffff05);border-color:#7657ff;transform:translate(7px);box-shadow:0 15px 35px #00000040,0 0 25px #7657ff1a}.contact-icon{color:#a995ff;background:#ffffff06;border:1px solid #35374b;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:13px;font-weight:700;transition:transform .3s,border-color .3s,background .3s;display:flex}.contact-card:hover .contact-icon{background:#7657ff1a;border-color:#8065ff;transform:scale(1.08)}.contact-card div{flex-direction:column;gap:5px;display:flex}.contact-card small{color:#66697c;letter-spacing:1.5px;font-size:8px;font-weight:600}.contact-card strong{color:#dddce5;font-size:12px;font-weight:500}.contact-card>span:last-child{color:#66697c;font-size:16px;transition:color .25s,transform .25s}.contact-card:hover>span:last-child{color:#a995ff;transform:translate(3px,-3px)}@media (width<=800px){.contact-section{width:calc(100% - 32px);padding:70px 25px}.contact-content{grid-template-columns:1fr;gap:35px}}@media (width<=600px){.contact-section{width:calc(100% - 20px);padding:55px 15px}.contact-intro h3{font-size:26px}.contact-intro p{font-size:12px}.contact-card{grid-template-columns:42px 1fr auto;gap:12px;padding:15px}.contact-icon{width:42px;height:42px}}.rfid-system{grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px 28px;margin-top:35px;display:grid}.rfid-node{background:linear-gradient(145deg,#7657ff12,#ffffff04);border:1px solid #292b3b;border-radius:16px;min-height:180px;padding:25px 18px;transition:all .3s;position:relative}.rfid-node:hover{border-color:#7657ff;transform:translateY(-6px);box-shadow:0 15px 35px #7657ff1f}.rfid-node-icon{color:#a995ff;background:#7657ff14;border:1px solid #7657ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.rfid-node h3{color:#f3f2f8;margin:0 0 8px;font-size:15px}.rfid-node p{color:#858897;margin:0;font-size:11px;line-height:1.7}.rfid-connector{color:#8065ff;justify-content:center;align-items:center;min-width:35px;font-size:20px;font-weight:600;animation:1.8s ease-in-out infinite rfidArrow;display:flex}@keyframes rfidArrow{0%,to{opacity:.45;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.rfid-system .rfid-node:first-child{grid-area:1/1}.rfid-system .rfid-connector:nth-child(2){grid-area:1/2}.rfid-system .rfid-node:nth-child(3){grid-area:1/3}.rfid-system .rfid-connector:nth-child(4){grid-area:2/3;animation-name:rfidArrowDown;transform:rotate(90deg)}@keyframes rfidArrowDown{0%,to{opacity:.45;transform:rotate(90deg)translate(0)}50%{opacity:1;transform:rotate(90deg)translate(5px)}}.rfid-system .rfid-node:nth-child(5){grid-area:3/3}.rfid-system .rfid-connector:nth-child(6){grid-area:3/2;animation-name:rfidArrowReverse;transform:rotate(180deg)}.rfid-system .rfid-node:nth-child(7){grid-area:3/1}@keyframes rfidArrowReverse{0%,to{opacity:.45;transform:rotate(180deg)translate(0)}50%{opacity:1;transform:rotate(180deg)translate(5px)}}.rfid-components{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;display:grid}.rfid-component-card{background:linear-gradient(145deg,#7657ff0f,#ffffff04);border:1px solid #292b3b;border-radius:18px;min-height:220px;padding:28px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.rfid-component-card:hover{border-color:#7657ff;transform:translateY(-7px);box-shadow:0 18px 40px #0000004d,0 0 25px #7657ff1a}.component-icon{color:#a995ff;background:#ffffff08;border:1px solid #35374b;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.rfid-component-card:hover .component-icon{background:#7657ff1a;border-color:#8065ff;transform:scale(1.08)}.rfid-component-card h3{color:#f3f2f8;margin:0 0 10px;font-size:18px}.rfid-component-card p{color:#858897;margin:0;font-size:12px;line-height:1.7}.rfid-component-card>span{color:#aab;border:1px solid #303244;border-radius:20px;margin-top:20px;padding:6px 10px;font-size:9px;display:inline-block}.rfid-interaction{background:radial-gradient(circle,#7657ff14,#0000 65%);border:1px solid #292b3b;border-radius:20px;justify-content:center;align-items:center;gap:35px;min-height:300px;margin-top:35px;padding:45px;display:flex}.rfid-card-visual{background:linear-gradient(135deg,#171827,#0d0f18);border:1px solid #45405f;border-radius:14px;width:180px;height:110px;padding:18px;transition:transform .3s;position:relative;box-shadow:0 15px 35px #00000059}.rfid-card-visual:hover{transform:translateY(-6px)rotate(-2deg)}.rfid-chip{color:#a995ff;border:1px solid #8065ff;border-radius:6px;justify-content:center;align-items:center;width:35px;height:25px;font-size:7px;display:flex}.rfid-card-lines{flex-direction:column;gap:5px;margin-top:12px;display:flex}.rfid-card-lines span{background:#303244;width:65px;height:2px}.rfid-card-visual strong{color:#aab;letter-spacing:1px;font-size:9px;position:absolute;bottom:15px;right:15px}.rfid-wave{color:#8065ff;letter-spacing:3px;font-size:25px;animation:1.5s ease-in-out infinite rfidSignal}@keyframes rfidSignal{0%{opacity:.3;transform:translate(-4px)}50%{opacity:1;transform:translate(4px)}to{opacity:.3;transform:translate(-4px)}}.rfid-reader-visual{background:#0d0f18;border:1px solid #35374b;border-radius:18px;flex-direction:column;align-items:center;width:150px;padding:25px;transition:all .3s;display:flex;box-shadow:0 15px 35px #00000059}.rfid-reader-visual:hover{border-color:#7657ff;transform:translateY(-6px)}.reader-screen{text-align:center;color:#8065ff;letter-spacing:1px;border:1px solid #303244;border-radius:6px;width:100%;padding:8px;font-size:8px}.reader-area{color:#a995ff;border:1px solid #7657ff;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:20px 0;font-size:10px;display:flex;box-shadow:0 0 25px #7657ff1f}.rfid-reader-visual small{color:#66697c;letter-spacing:1px;font-size:8px}@media (width<=700px){.rfid-system{grid-template-rows:auto;grid-template-columns:1fr;gap:15px}.rfid-system .rfid-node,.rfid-system .rfid-connector{grid-area:auto/1!important}.rfid-system .rfid-connector{animation:none;display:flex;transform:rotate(90deg)!important}}@media (width<=600px){.rfid-system{grid-template-columns:1fr}.rfid-interaction{flex-direction:column;gap:20px;padding:30px 15px}.rfid-card-visual{width:170px}.rfid-wave{transform:rotate(90deg)}}.voice-system{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:14px;margin-top:35px;display:grid}.voice-node{background:linear-gradient(145deg,#7657ff12,#ffffff04);border:1px solid #292b3b;border-radius:16px;min-height:185px;padding:24px 18px;transition:all .3s}.voice-node:hover{border-color:#7657ff;transform:translateY(-6px);box-shadow:0 15px 35px #7657ff1f}.voice-node-icon{color:#a995ff;background:#7657ff14;border:1px solid #7657ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:10px;font-weight:700;display:flex}.voice-node h3{color:#f3f2f8;margin:0 0 8px;font-size:15px}.voice-node p{color:#858897;margin:0;font-size:11px;line-height:1.7}.voice-connector{color:#8065ff;justify-content:center;align-items:center;font-size:20px;animation:1.6s ease-in-out infinite voiceArrow;display:flex}@keyframes voiceArrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.voice-security-flow{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px;display:grid}.voice-security-card{background:linear-gradient(145deg,#7657ff0f,#ffffff04);border:1px solid #292b3b;border-radius:16px;min-height:190px;padding:24px 20px;transition:all .3s}.voice-security-card:hover{border-color:#7657ff;transform:translateY(-6px);box-shadow:0 15px 35px #7657ff1a}.voice-security-card>span{color:#8065ff;letter-spacing:1px;margin-bottom:25px;font-size:9px;display:block}.voice-security-card h3{color:#f3f2f8;margin:0 0 10px;font-size:16px}.voice-security-card p{color:#858897;margin:0;font-size:11px;line-height:1.7}.voice-components{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px;display:grid}.voice-component-card{background:linear-gradient(145deg,#7657ff0f,#ffffff04);border:1px solid #292b3b;border-radius:17px;min-height:215px;padding:25px 20px;transition:transform .3s,border-color .3s,box-shadow .3s}.voice-component-card:hover{border-color:#7657ff;transform:translateY(-7px);box-shadow:0 18px 40px #0000004d,0 0 25px #7657ff1a}.voice-component-icon{color:#a995ff;background:#ffffff08;border:1px solid #35374b;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.voice-component-card h3{color:#f3f2f8;margin:0 0 9px;font-size:16px}.voice-component-card p{color:#858897;margin:0;font-size:11px;line-height:1.7}.voice-component-card>span{color:#aab;border:1px solid #303244;border-radius:20px;margin-top:18px;padding:6px 10px;font-size:9px;display:inline-block}.voice-communication-visual{background:radial-gradient(circle,#7657ff14,#0000 65%);border:1px solid #292b3b;border-radius:20px;justify-content:center;align-items:center;gap:30px;min-height:260px;margin-top:35px;padding:40px 25px;display:flex}.voice-device{background:#0d0f18;border:1px solid #35374b;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:145px;min-height:140px;padding:20px;transition:all .3s;display:flex}.voice-device:hover{border-color:#7657ff;transform:translateY(-6px)}.device-icon{border:1px solid #7657ff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;font-size:20px;display:flex}.voice-device strong{color:#f3f2f8;font-size:13px}.voice-device small{color:#858897;margin-top:6px;font-size:9px}.encrypted-channel{flex-direction:column;justify-content:center;align-items:center;width:260px;display:flex}.encryption-label{color:#a995ff;letter-spacing:1.5px;margin-bottom:14px;font-size:9px}.signal-line{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.signal-line span{background:#7657ff;flex:1;height:2px;animation:1.2s ease-in-out infinite signalPulse;display:block}.signal-line span:nth-child(2){animation-delay:.2s}.signal-line span:nth-child(3){animation-delay:.4s}@keyframes signalPulse{0%,to{opacity:.25}50%{opacity:1}}.encrypted-channel small{color:#66697c;letter-spacing:1px;margin-top:12px;font-size:9px}@media (width<=1000px){.voice-system{grid-template-columns:repeat(3,1fr)}.voice-connector{display:none}.voice-components,.voice-security-flow{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.voice-system,.voice-components,.voice-security-flow{grid-template-columns:1fr}.voice-communication-visual{flex-direction:column;gap:20px;padding:30px 15px}.encrypted-channel{width:100%}}@media (width<=768px){.navbar{padding:16px 20px}.nav-links{gap:14px}.nav-links a{font-size:11px}.theme-button{width:38px;height:38px}.hero{min-height:auto;padding:70px 20px 60px}.hero-content{flex-direction:column;gap:35px;display:flex}.hero-text{width:100%}.hero-text h1{font-size:clamp(52px,15vw,80px);line-height:.95}.hero-text h2{font-size:32px}.hero-description{max-width:100%}.hero-buttons{flex-wrap:wrap}.hero-photo-area{justify-content:center;width:100%}.hero-photo{max-width:280px}.developer-card{width:min(100%,330px);margin:0 auto}.about-section,.skills-section,.projects-section,.experience-section,.contact-section{width:calc(100% - 30px);padding:60px 15px}.section-heading h2{font-size:36px}.about-content{grid-template-columns:1fr;gap:30px}.about-highlights,.skills-grid{grid-template-columns:1fr}.skill-category{padding:24px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto;padding:24px}.project-page-container{width:calc(100% - 30px);padding:25px 15px 60px}.project-hero{padding:35px 25px}.project-hero h1{font-size:clamp(38px,10vw,60px);line-height:1}.project-content-grid{grid-template-columns:1fr}.project-sidebar{order:-1;width:100%;position:static}.project-content-grid section{padding:35px 0}.process-grid,.contribution-grid,.app-preview-grid,.web-preview-grid{grid-template-columns:1fr}.rfid-system{grid-template-rows:auto;grid-template-columns:1fr}.rfid-system .rfid-node,.rfid-system .rfid-connector{grid-area:auto/1!important}.rfid-system .rfid-connector{animation:none;transform:rotate(90deg)!important}.rfid-components{grid-template-columns:1fr}.rfid-interaction{flex-direction:column;gap:20px;padding:30px 15px}.voice-system{grid-template-columns:1fr}.voice-connector{animation:none;display:flex;transform:rotate(90deg)}.voice-components,.voice-security-flow{grid-template-columns:1fr}.voice-communication-visual{flex-direction:column;gap:20px;padding:30px 15px}.encrypted-channel{width:100%}.contact-content{grid-template-columns:1fr}.contact-links{width:100%}}@media (width>=769px){.hero{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:650px;padding:60px 50px 70px;display:flex;overflow:hidden}.hero-content{box-sizing:border-box;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;width:100%;max-width:1180px;margin:0 auto;display:grid}.hero-text{z-index:5;width:100%;max-width:560px;position:relative}.hero-text h1{max-width:520px;margin:12px 0 22px;font-size:clamp(58px,6vw,82px);line-height:.95}.hero-text h2{margin-bottom:20px;font-size:clamp(32px,3.2vw,46px);line-height:1.05}.hero-description{max-width:500px;line-height:1.8}.hero-buttons{align-items:center;gap:14px;margin-top:28px;display:flex}.hero-photo-area{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative}.hero-photo{z-index:3;object-fit:contain;width:350px;max-width:350px;height:auto;margin-right:120px;position:relative}.developer-card{z-index:5;box-sizing:border-box;width:175px;padding:22px 20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-socials{z-index:6;position:relative}}.experience-grid{grid-template-columns:1fr;gap:18px;margin-top:35px;display:grid}.experience-card{background:linear-gradient(145deg,#7657ff0f,#ffffff04);border:1px solid #292b3b;border-radius:18px;padding:28px 30px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.experience-card:hover{border-color:#7657ff;transform:translateY(-5px);box-shadow:0 18px 40px #00000040,0 0 25px #7657ff14}.experience-card:before{content:"";background:linear-gradient(#7657ff,#3288ff);border-radius:5px;width:2px;position:absolute;top:22px;bottom:22px;left:0}.experience-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.experience-card h3{color:#f3f2f8;margin:0;font-size:20px}.experience-company{color:#9b84ff;margin-top:6px;font-size:12px;font-weight:600}.experience-date{color:#858897;white-space:nowrap;border:1px solid #303244;border-radius:20px;padding:7px 11px;font-size:9px}.experience-card p{color:#858897;max-width:850px;margin:0;font-size:12px;line-height:1.8}.experience-skills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.experience-skills span{color:#aab;border:1px solid #303244;border-radius:20px;padding:6px 10px;font-size:9px;transition:all .25s}.experience-skills span:hover{color:#b6a6ff;background:#7657ff14;border-color:#7657ff;transform:translateY(-2px)}@media (width<=768px){.experience-card{padding:24px 22px}.experience-card-header{flex-direction:column;gap:10px}.experience-date{align-self:flex-start}}.project-card{cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg,#0000,#7657ff,#3288ff,#0000);width:100%;height:2px;transition:left .5s;position:absolute;top:0;left:-100%}.project-card:hover{border-color:#7657ff;transform:translateY(-7px);box-shadow:0 18px 45px #0000004d,0 0 30px #7657ff14}.project-card:hover:before{left:100%}.project-card .project-number{transition:transform .3s,color .3s}.project-card:hover .project-number{color:#a995ff;transform:translate(4px)}.project-card h3{transition:transform .3s,color .3s}.project-card:hover h3{color:#fff;transform:translate(3px)}.project-card .project-tags span{transition:transform .25s,border-color .25s,color .25s}.project-card:hover .project-tags span{border-color:#3d3b59}.project-card .project-link{align-items:center;transition:transform .3s,color .3s;display:inline-flex}.project-card:hover .project-link{color:#a995ff;transform:translate(6px)}.contact-links{flex-direction:column;gap:12px;display:flex}.contact-link{background:linear-gradient(145deg,#7657ff0d,#ffffff03);border:1px solid #292b3b;border-radius:15px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.contact-link:hover{background:linear-gradient(145deg,#7657ff1a,#ffffff05);border-color:#7657ff;transform:translate(6px);box-shadow:0 12px 30px #0003,0 0 20px #7657ff14}.contact-link-icon{color:#a995ff;background:#7657ff0f;border:1px solid #35374b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s,border-color .3s;display:flex}.contact-link:hover .contact-link-icon{border-color:#7657ff;transform:scale(1.08)}.contact-link-content{flex-direction:column;gap:4px;display:flex}.contact-link-label{color:#66697c;letter-spacing:1.5px;text-transform:uppercase;font-size:8px}.contact-link-value{color:#f3f2f8;font-size:12px;font-weight:600}.contact-link-arrow{color:#66697c;margin-left:auto;transition:transform .3s,color .3s}.contact-link:hover .contact-link-arrow{color:#a995ff;transform:translate(5px)}.contact-email{color:#a995ff;margin-top:25px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .3s,color .3s;display:inline-flex}.contact-email:hover{color:#fff;transform:translate(5px)}@media (width<=768px){.contact-link{padding:16px}.contact-link-icon{width:40px;height:40px}}.footer{box-sizing:border-box;border-top:1px solid #292b3b;width:100%;padding:35px 30px}.footer-content{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1180px;margin:0 auto;display:flex}.footer p{color:#66697c;margin:0;font-size:10px}.footer a{color:#858897;font-size:10px;text-decoration:none;transition:color .25s}.footer a:hover{color:#a995ff}@media (width<=768px){.footer{padding:28px 20px}.footer-content{text-align:center;flex-direction:column}}@keyframes heroTextReveal{0%{opacity:0;filter:blur(8px);transform:translateY(35px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes heroPhotoReveal{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes cardReveal{0%{opacity:0;filter:blur(6px);transform:translate(35px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.hero-text{animation:.9s cubic-bezier(.2,.7,.2,1) both heroTextReveal}.hero-photo-area{animation:1s cubic-bezier(.2,.7,.2,1) .2s both heroPhotoReveal}.developer-card{animation:.9s cubic-bezier(.2,.7,.2,1) .45s both cardReveal}@keyframes glowFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(25px,-18px)scale(1.08)}}.hero .glow-one{animation:8s ease-in-out infinite glowFloat}.hero .glow-two{animation:11s ease-in-out 1s infinite reverse glowFloat}@keyframes dnaFloat{0%,to{transform:rotate(-12deg)translate(0,0)}50%{transform:rotate(-10deg)translate(-18px,-10px)}}.hero .dna-one{animation:12s ease-in-out infinite dnaFloat}.hero .dna-two{animation:15s ease-in-out 2s infinite reverse dnaFloat}@keyframes particleTwinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}.particles i{animation:3s ease-in-out infinite particleTwinkle}.particles i:nth-child(2){animation-delay:.4s}.particles i:nth-child(3){animation-delay:.8s}.particles i:nth-child(4){animation-delay:1.2s}.particles i:nth-child(5){animation-delay:1.6s}.particles i:nth-child(6){animation-delay:2s}.particles i:nth-child(7){animation-delay:.6s}.particles i:nth-child(8){animation-delay:1.4s}.particles i:nth-child(9){animation-delay:2.2s}.particles i:nth-child(10){animation-delay:1s}@keyframes developerFloat{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}@media (width>=769px){.developer-card{animation:.9s cubic-bezier(.2,.7,.2,1) .45s both cardReveal,5s ease-in-out 1.4s infinite developerFloat}}@keyframes projectReveal{0%{opacity:0;filter:blur(7px);transform:translateY(45px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.projects-grid .project-card{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) forwards projectReveal}.projects-grid .project-card:first-child{animation-delay:50ms}.projects-grid .project-card:nth-child(2){animation-delay:.18s}.projects-grid .project-card:nth-child(3){animation-delay:.31s}.projects-grid .project-card:nth-child(4){animation-delay:.44s}.projects-grid .project-card:nth-child(5){animation-delay:.57s}.projects-grid .project-card:nth-child(6){animation-delay:.7s}.project-card{transform-origin:50%;will-change:transform}.project-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 25%,#ffffff0f 50%,#0000 75%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.project-card:hover:after{transform:translate(120%)}.project-card:hover .project-icon{transition:transform .3s;transform:translateY(-4px)scale(1.08)}@keyframes projectPageReveal{0%{opacity:0}to{opacity:1}}@keyframes projectHeroReveal{0%{opacity:0;filter:blur(8px);transform:translateY(35px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes projectSectionReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.project-page{animation:.5s ease-out both projectPageReveal}.project-page .back-link{animation:.6s ease-out 50ms both projectSectionReveal}.project-page .project-hero{animation:.9s cubic-bezier(.2,.7,.2,1) .12s both projectHeroReveal}.project-page .project-sidebar{animation:.8s cubic-bezier(.2,.7,.2,1) .3s both projectSectionReveal}.project-page .project-content-grid>div>section{opacity:0;animation:.75s ease-out forwards projectSectionReveal}.project-page .project-content-grid>div>section:first-child{animation-delay:.35s}.project-page .project-content-grid>div>section:nth-child(2){animation-delay:.48s}.project-page .project-content-grid>div>section:nth-child(3){animation-delay:.61s}.project-page .project-content-grid>div>section:nth-child(4){animation-delay:.74s}.project-page .project-content-grid>div>section:nth-child(5){animation-delay:.87s}.project-page .project-content-grid>div>section:nth-child(6){animation-delay:1s}.project-page .project-content-grid>div>section:nth-child(7){animation-delay:1.13s}.project-page .project-content-grid>div>section:nth-child(8){animation-delay:1.26s}.project-page .project-content-grid>div>section:nth-child(9){animation-delay:1.39s}.project-page .process-card,.project-page .contribution-grid>div,.project-page .rfid-component-card,.project-page .voice-component-card,.project-page .voice-security-card{transition:transform .35s,border-color .35s,box-shadow .35s}.project-page .process-card:hover,.project-page .contribution-grid>div:hover,.project-page .rfid-component-card:hover,.project-page .voice-component-card:hover,.project-page .voice-security-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 18px 45px #00000040,0 0 25px #7657ff14}.project-page-tags span{transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.project-page-tags span:hover{background:#785aff1f;border-color:#8568ff;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 25px #6446ff26}html{scroll-behavior:smooth}section{scroll-margin-top:80px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio-footer{text-align:center;border-top:1px solid #292b3b;flex-direction:column;align-items:center;gap:8px;width:min(1200px,100% - 60px);margin:70px auto 0;padding:28px 0;display:flex}.portfolio-footer p{color:#858897;margin:0;font-size:10px}.portfolio-footer span{color:#5f6272;font-size:9px;font-style:italic;transition:color .3s}.portfolio-footer:hover span{color:#9b84ff}@media (width<=768px){.portfolio-footer{width:calc(100% - 40px);margin-top:50px;padding:24px 0}}