:root{color-scheme:dark;--bg: #050816;--bg-soft: #0b1226;--panel: rgba(11, 18, 38, .72);--panel-strong: rgba(14, 24, 52, .92);--text: #eef2ff;--muted: #9aa7c7;--line: rgba(255, 255, 255, .08);--glow: rgba(68, 211, 255, .28);--shadow: 0 30px 80px rgba(2, 6, 23, .55);--radius: 28px;--villa-booking-from: #22d3ee;--villa-booking-to: #2563eb;--attendance-expense-tracker-from: #38bdf8;--attendance-expense-tracker-to: #06b6d4;--fast-food-pos-from: #fbbf24;--fast-food-pos-to: #f97316;--cafeteria-pos-from: #34d399;--cafeteria-pos-to: #14b8a6;--static-web-apps-from: #e879f9;--static-web-apps-to: #ec4899;--news-app-from: #a78bfa;--news-app-to: #4f46e5;--tire-shop-pos-from: #fb7185;--tire-shop-pos-to: #ef4444}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(72,216,255,.14),transparent 25%),radial-gradient(circle at 80% 20%,rgba(0,118,255,.18),transparent 22%),linear-gradient(180deg,#030612,#070d1d 38%,#050816);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;overflow:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 82%);mask-image:radial-gradient(circle at center,black 35%,transparent 82%)}main,.site-header,.site-footer{width:min(1180px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:18px;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;margin-top:18px;border:1px solid var(--line);border-radius:999px;background:#0508169e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand-mark,.hero-pill,.eyebrow,.panel-label,.timeline-period,.skill-title,.project-icon,.tech-card span,.contact-card span{font-family:Space Grotesk,sans-serif;letter-spacing:.04em}.brand-mark{display:inline-flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:700}.brand-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#5eead4,#60a5fa);box-shadow:0 0 24px #5eead4cc}.site-nav{display:flex;gap:1.2rem;flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;color:var(--muted);font-size:.95rem;min-height:40px;transition:color .25s ease,transform .25s ease}.site-nav a:hover{color:var(--text);transform:translateY(-1px)}.hero-section,.content-section{position:relative}.hero-section{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;min-height:calc(100vh - 140px);padding:6rem 0 3rem}.hero-copy{position:relative;z-index:2}.hero-pill{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1rem;max-width:min(100%,34rem);border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0b;color:#d4def7}.hero-pill svg,.primary-button svg,.contact-card svg{width:1rem;height:1rem;flex:0 0 auto}.hero-section h1{margin:1.4rem 0 1.1rem;font-size:clamp(3.1rem,7vw,6rem);line-height:.95;letter-spacing:-.05em}.hero-section h1 span{color:#ffffff9e}.hero-section p,.section-heading p,.about-card p,.skill-card p,.project-content p,.timeline-item p,.contact-card p,.contact-form label,.site-footer p{color:var(--muted)}.hero-section p{max-width:640px;font-size:1.08rem;line-height:1.8;color:#b6c4e0}.hero-hook{margin:1rem 0 0;max-width:620px;font-family:Space Grotesk,sans-serif;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:#7fe5ff}.hero-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:52px;padding:.9rem 1.4rem;border-radius:999px;text-align:center;transition:transform .3s ease,border-color .3s ease,background .3s ease}.primary-button{background:linear-gradient(135deg,#4fd1ff,#2f6bff);color:#03111f;font-weight:800;box-shadow:0 20px 40px #2f6bff4d}.secondary-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text)}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px)}.hero-visual{position:relative;min-height:520px;perspective:1400px;overflow:hidden}.hero-grid,.hero-ring,.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0}.hero-grid{top:12%;right:8%;bottom:12%;left:8%;border-radius:50px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(68deg) rotate(-8deg);opacity:.26}.hero-ring{top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:1px solid rgba(111,230,255,.22);box-shadow:0 0 54px #40acff24,inset 0 0 34px #6fe6ff0d;animation:spin 18s linear infinite}.hero-noise{background-image:radial-gradient(rgba(255,255,255,.06) .8px,transparent .8px);background-size:14px 14px;opacity:.035;pointer-events:none}.hero-panel{position:absolute;top:12%;right:3%;width:260px;padding:1.3rem;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:#060b1bd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel strong{display:block;margin:.35rem 0 .45rem;font-size:3rem}.hero-panel span,.hero-panel li{color:#c2cee9}.hero-panel span{display:block;line-height:1.65}.hero-panel-alt{top:auto;bottom:16%;left:4%}.hero-panel-alt ul{padding-left:1rem;margin:.7rem 0 0;line-height:1.8}.hero-orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.46}.orb-one{width:220px;height:220px;top:10%;left:-5%;background:radial-gradient(circle,rgba(0,204,255,.34),transparent 70%)}.orb-two{width:180px;height:180px;bottom:10%;right:10%;background:radial-gradient(circle,rgba(103,80,255,.28),transparent 68%)}.orb-three{width:120px;height:120px;top:40%;right:30%;background:radial-gradient(circle,rgba(0,255,194,.22),transparent 68%)}.content-section{padding:5.5rem 0 1rem}.section-heading{max-width:720px;margin-bottom:2.5rem}.eyebrow{display:inline-block;margin-bottom:.8rem;color:#77e2ff;font-size:.85rem;text-transform:uppercase}.section-heading h2{margin:0 0 .85rem;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.04em}.section-heading p{margin:0;max-width:640px;line-height:1.8}.glass-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#111930e0,#070c1bd1);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-3d{transform-style:preserve-3d}.about-layout,.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem}.about-card{padding:1.7rem}.about-card p{line-height:1.85}.tech-stack-grid,.skills-grid,.projects-grid,.contact-cards{display:grid;gap:1.1rem}.tech-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-card,.skill-card,.timeline-item,.contact-card{padding:1.4rem}.tech-card span,.skill-title{color:#dff7ff;font-size:.95rem}.tech-card p,.skill-card p,.timeline-item p,.contact-card p{margin-bottom:0;line-height:1.75}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.skill-badges,.tech-tags{display:flex;gap:.65rem;flex-wrap:wrap}.skill-badges span,.tech-tags span{padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#ffffff0d;color:#dbe6ff;font-size:.92rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{cursor:pointer;overflow:hidden;min-width:0}.project-thumb{position:relative;min-height:200px;overflow:hidden}.project-cover-image,.modal-cover-image{display:block;width:100%;height:100%;object-fit:cover}.project-cover-image{position:absolute;top:0;right:0;bottom:0;left:0}.project-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060b191f,#060b1942 52%,#060b19b8),linear-gradient(135deg,#ffffff1f,#ffffff05)}.project-orbit{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(255,255,255,.3);animation:spin 14s linear infinite}.project-icon{position:absolute;inset:auto 1.4rem 1.4rem auto;width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#ffffff29;font-size:1.2rem;font-weight:700}.project-content{padding:1.35rem;min-width:0}.modal-cover-wrap{margin:-.45rem -.45rem 1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:#ffffff08;aspect-ratio:16 / 9}.project-content h3,.timeline-item h3,.modal-card h3{margin:.4rem 0 .8rem;font-size:1.45rem}.project-content p{min-height:96px;line-height:1.7}.timeline{position:relative;display:grid;gap:1.2rem}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(111,230,255,.5),transparent)}.timeline-item{position:relative;margin-left:3rem}.timeline-item:before{content:"";position:absolute;left:-2.2rem;top:1.5rem;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#53d7ff,#2d6fff);box-shadow:0 0 0 6px #53d7ff1f}.timeline-item ul,.modal-section ul{margin:.9rem 0 0;padding-left:1rem;color:var(--muted);line-height:1.8}.contact-form{padding:1.5rem;display:grid;gap:1rem}.contact-form label{display:grid;gap:.5rem;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;color:var(--text);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#67dbffa6;box-shadow:0 0 0 4px #67dbff1f}.contact-cards{align-content:start}.contact-card{display:flex;align-items:center;gap:1rem;min-width:0}.contact-card div,.contact-card p{min-width:0}.contact-card p{overflow-wrap:anywhere}.contact-card svg{width:1.2rem;height:1.2rem;color:#8ee9ff}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0 3rem;align-items:center}.site-footer div{display:flex;gap:1rem;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#030612b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(700px,100%);max-height:min(88vh,900px);overflow:auto;padding:1.8rem}.modal-close{position:absolute;top:.9rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff14;color:var(--text);font-size:1.3rem}.modal-section{margin-top:1.4rem}.modal-button{margin-top:1.5rem}.loading-card{padding:1.2rem 1.4rem;color:var(--muted)}.cursor-glow{position:fixed;width:360px;height:360px;left:-140px;top:16vh;pointer-events:none;background:radial-gradient(circle,rgba(50,180,255,.16),transparent 65%);filter:blur(18px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1080px){.hero-section,.about-layout,.contact-layout,.skills-grid,.projects-grid{grid-template-columns:1fr}.hero-section{padding-top:4.5rem}.hero-visual{min-height:420px}.project-content p{min-height:0}.tech-stack-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){main,.site-header,.site-footer{width:min(100% - 1.2rem,1180px)}.site-header{position:static;margin-top:12px;padding:.95rem 1rem;border-radius:28px;gap:.9rem;align-items:stretch}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.55rem}.site-nav a{justify-content:center;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08}.hero-section{min-height:auto;gap:1.5rem;padding:3.25rem 0 .5rem}.hero-pill{padding:.75rem .9rem;border-radius:24px;font-size:.87rem;line-height:1.5}.hero-section h1{margin:1rem 0 .85rem;font-size:clamp(2.5rem,15vw,4rem);line-height:.98}.hero-section p{font-size:1rem;line-height:1.7}.hero-hook{font-size:.78rem;letter-spacing:.11em;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;gap:.85rem}.hero-actions .primary-button,.hero-actions .secondary-button,.contact-form .primary-button{width:100%}.hero-panel{width:min(190px,58vw);padding:1rem;border-radius:22px}.hero-panel strong{font-size:2.1rem}.hero-panel-alt{bottom:10%}.hero-grid{top:14%;right:4%;bottom:14%;left:4%}.hero-ring{top:21%;right:21%;bottom:21%;left:21%}.content-section{padding:4rem 0 .75rem}.section-heading{margin-bottom:1.8rem}.section-heading h2{font-size:clamp(1.9rem,10vw,2.8rem)}.about-card,.tech-card,.skill-card,.timeline-item,.contact-card,.contact-form,.modal-card{padding:1.15rem}.skill-card{min-height:0}.project-thumb{min-height:168px}.project-icon{width:56px;height:56px;border-radius:16px;font-size:1rem}.project-content{padding:1.15rem}.project-content h3,.timeline-item h3,.modal-card h3{font-size:1.25rem}.tech-tags span,.skill-badges span{padding:.5rem .75rem;font-size:.86rem}.tech-stack-grid{grid-template-columns:1fr}.timeline-item{margin-left:2rem}.timeline:before{left:12px}.timeline-item:before{left:-1.45rem}.contact-layout{gap:1rem}.contact-card{padding-right:1rem}.site-footer{padding:1.6rem 0 2.4rem;flex-direction:column;align-items:flex-start}.modal-backdrop{padding:.7rem;align-items:end}.modal-card{width:100%;max-height:84vh;border-radius:24px}}@media (max-width: 520px){main,.site-header,.site-footer{width:min(100% - 1rem,1180px)}.site-nav{grid-template-columns:1fr}.brand-mark{font-size:.88rem}.hero-section{padding-top:2.7rem}.hero-visual{min-height:340px}.hero-panel{width:min(172px,60vw);font-size:.85rem}.hero-panel strong{font-size:1.75rem}.orb-one{width:150px;height:150px}.orb-two{width:120px;height:120px}.orb-three{width:80px;height:80px}.section-heading p,.about-card p,.skill-card p,.timeline-item p,.contact-card p,.project-content p{font-size:.96rem;line-height:1.65}.timeline-item{margin-left:1.7rem}.timeline-item:before{left:-1.2rem}.cursor-glow{width:220px;height:220px;left:-100px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}