@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary-50:#f0f4f8;--color-primary-100:#d9e2ec;--color-primary-200:#bcccdc;--color-primary-300:#9fb3c8;--color-primary-400:#829ab1;--color-primary-500:#627d98;--color-primary-600:#486581;--color-primary-700:#334e68;--color-primary-800:#243b53;--color-primary-900:#102a43;--color-primary-950:#0a1929;--color-accent-gold:#c9a227;--color-accent-gold-light:#d4b64b;--color-accent-teal:#0d9488;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--bg-primary:#fff;--bg-secondary:var(--color-slate-50);--bg-hero:linear-gradient(135deg,var(--color-primary-900)0%,var(--color-primary-800)50%,var(--color-primary-700)100%);--bg-footer:var(--color-primary-950);--text-primary:var(--color-slate-900);--text-secondary:var(--color-slate-600);--text-muted:var(--color-slate-400);--text-inverse:#fff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-card:0 4px 20px #102a4314;--shadow-card-hover:0 12px 40px #102a4326;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--container-max:1200px;--container-padding:var(--space-6)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);margin:0 auto}.header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-slate-100);transition:var(--transition-base);background:#fffffff2;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;height:80px;display:flex}.header-logo{align-items:center;gap:var(--space-3);display:flex}.header-logo img{width:auto;height:50px}.header-logo-text{font-size:var(--font-size-xl);color:var(--color-primary-900);letter-spacing:-.02em;font-weight:700}.header-nav{align-items:center;gap:var(--space-8);display:flex}.header-nav-link{font-size:var(--font-size-sm);color:var(--color-slate-600);transition:color var(--transition-fast);font-weight:500;position:relative}.header-nav-link:after{content:"";background:var(--color-primary-700);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.header-nav-link:hover{color:var(--color-primary-700)}.header-nav-link:hover:after{width:100%}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary-800);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-700);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--color-primary-800);border:1px solid var(--color-slate-200)}.btn-secondary:hover{background:var(--color-slate-100);border-color:var(--color-slate-300)}.hero{background:var(--bg-hero);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#c9a2271a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0d94881a 0%,#0000 50%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{text-align:center;z-index:1;max-width:900px;position:relative}.hero-badge{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-8);background:#ffffff1a;border:1px solid #ffffff26;animation:.6s forwards fadeInDown;display:inline-flex}.hero-badge-dot{background:var(--color-accent-gold);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-badge-text{font-size:var(--font-size-sm);color:#ffffffe6;letter-spacing:.05em;text-transform:uppercase;font-weight:500}.hero-title{font-size:clamp(var(--font-size-4xl),8vw,var(--font-size-6xl));color:var(--text-inverse);margin-bottom:var(--space-6);opacity:0;letter-spacing:-.03em;font-weight:800;line-height:1.1;animation:.6s .2s forwards fadeInUp}.hero-title-accent{background:linear-gradient(135deg,var(--color-accent-gold)0%,var(--color-accent-gold-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-xl));color:#fffc;max-width:650px;margin:0 auto var(--space-10);opacity:0;line-height:1.7;animation:.6s .4s forwards fadeInUp}.hero-cta{gap:var(--space-4);opacity:0;flex-wrap:wrap;justify-content:center;animation:.6s .6s forwards fadeInUp;display:flex}.hero-btn{padding:var(--space-4)var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-xl);transition:all var(--transition-base);font-weight:600}.hero-btn-primary{background:var(--text-inverse);color:var(--color-primary-900);box-shadow:var(--shadow-xl)}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #0006}.hero-btn-secondary{color:var(--text-inverse);background:0 0;border:2px solid #ffffff4d}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-scroll{bottom:var(--space-10);align-items:center;gap:var(--space-2);color:#ffffff80;flex-direction:column;animation:2s 1s infinite bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-text{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em}.hero-scroll-icon{border-radius:var(--radius-full);border:2px solid #ffffff4d;width:24px;height:40px;position:relative}.hero-scroll-icon:before{content:"";border-radius:var(--radius-full);background:#ffffff80;width:4px;height:8px;animation:1.5s infinite scrollDown;position:absolute;top:8px;left:50%;transform:translate(-50%)}.about{padding:var(--space-32)0;background:var(--bg-secondary);position:relative}.about:before{content:"";background:linear-gradient(90deg,transparent,var(--color-slate-200),transparent);height:1px;position:absolute;top:0;left:0;right:0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-label{font-size:var(--font-size-sm);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section-title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-4xl));color:var(--color-primary-900);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:700;line-height:1.2}.section-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.7}.about-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text{padding-right:var(--space-8)}.about-text h3{font-size:var(--font-size-xl);color:var(--color-primary-900);margin-bottom:var(--space-4);font-weight:600}.about-text p{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.8}.about-stats{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.about-stat{padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.about-stat:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.about-stat-number{font-size:var(--font-size-3xl);color:var(--color-primary-800);letter-spacing:-.02em;font-weight:800}.about-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.portfolio{padding:var(--space-32)0;background:var(--bg-primary)}.portfolio-grid{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-card{background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px solid var(--color-slate-100);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-2xl);border-color:#0000;transform:translateY(-8px)}.portfolio-card-screenshot-wrapper{height:260px;padding:var(--space-8)var(--space-8)0;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.portfolio-card--languagegems .portfolio-card-screenshot-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.portfolio-card--secondarymfl .portfolio-card-screenshot-wrapper{background:linear-gradient(135deg,#102a43 0%,#334e68 100%)}.portfolio-card--teachwhizz .portfolio-card-screenshot-wrapper{background:linear-gradient(135deg,#f97316 0%,#fb923c 100%)}.portfolio-card--teachdt .portfolio-card-screenshot-wrapper{background:linear-gradient(135deg,#475569 0%,#64748b 100%)}.portfolio-screenshot{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);transition:transform var(--transition-bounce);transform-origin:bottom;box-shadow:0 -10px 40px #0003;width:100%!important;height:auto!important}.portfolio-card:hover .portfolio-screenshot{transform:scale(1.03)translateY(-4px)}.portfolio-card-content{padding:var(--space-8);flex-direction:column;flex:1;display:flex}.portfolio-card-title{font-size:var(--font-size-xl);color:var(--color-primary-900);margin-bottom:var(--space-3);letter-spacing:-.01em;font-weight:700}.portfolio-card-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6);flex:1;line-height:1.7}.portfolio-card-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary-700);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.portfolio-card-link:hover{gap:var(--space-3);color:var(--color-primary-900)}.portfolio-card-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.portfolio-card:hover .portfolio-card-link svg{transform:translate(4px)}.contact{padding:var(--space-32)0;background:var(--bg-secondary)}.contact-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info h3{font-size:var(--font-size-2xl);color:var(--color-primary-900);margin-bottom:var(--space-4);font-weight:700}.contact-info p{color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.contact-details{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.contact-detail{align-items:center;gap:var(--space-4);display:flex}.contact-detail-icon{background:var(--color-primary-100);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary-700);justify-content:center;align-items:center;display:flex}.contact-detail-icon svg{width:24px;height:24px}.contact-detail-content{flex:1}.contact-detail-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.contact-detail-value{font-size:var(--font-size-base);color:var(--color-primary-900);font-weight:500}.contact-detail-value a:hover{color:var(--color-primary-700);text-decoration:underline}.contact-form-wrapper{background:var(--bg-primary);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-primary-900);font-weight:500}.form-input,.form-textarea{padding:var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--bg-primary)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:120px}.form-submit{margin-top:var(--space-4);padding:var(--space-4)var(--space-8);background:var(--color-primary-800);color:var(--text-inverse);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;font-weight:600}.form-submit:hover{background:var(--color-primary-700);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.footer{background:var(--bg-footer);color:var(--text-inverse);padding:var(--space-20)0 var(--space-8)}.footer-main{gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:360px}.footer-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.footer-logo img{filter:brightness(0)invert();width:auto;height:45px}.footer-logo-text{font-size:var(--font-size-xl);color:var(--text-inverse);font-weight:700}.footer-brand p{color:#fff9;line-height:1.7;font-size:var(--font-size-sm)}.footer-heading{font-size:var(--font-size-sm);color:var(--text-inverse);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);font-weight:600}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{color:#fff9;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-inverse)}.footer-legal{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid #ffffff0d}.footer-legal-content{border-radius:var(--radius-xl);padding:var(--space-8);background:#ffffff08;border:1px solid #ffffff0d}.footer-company-name{font-size:var(--font-size-lg);color:var(--text-inverse);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.footer-company-badge{background:var(--color-accent-gold);color:var(--color-primary-950);font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.footer-legal-details{gap:var(--space-3);color:#ffffffb3;font-size:var(--font-size-sm);line-height:1.8;display:grid}.footer-legal-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.footer-legal-divider{color:#ffffff4d}.footer-legal-highlight{color:var(--text-inverse);font-weight:600}.footer-parent-statement{margin-top:var(--space-6);padding-top:var(--space-6);font-size:var(--font-size-sm);color:#fff9;border-top:1px solid #ffffff1a;font-style:italic}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:#ffffff80;font-size:var(--font-size-sm)}.footer-bottom-links{gap:var(--space-6);display:flex}.footer-bottom-link{color:#ffffff80;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-bottom-link:hover{color:var(--text-inverse)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@keyframes scrollDown{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(12px)}}@media (max-width:1024px){.footer-main{gap:var(--space-10);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%}.about-content{gap:var(--space-10);grid-template-columns:1fr}.about-text{padding-right:0}.contact-content{gap:var(--space-10);grid-template-columns:1fr}}@media (max-width:768px){:root{--container-padding:var(--space-4)}.header-content{height:70px}.header-nav-link{display:none}.hero{padding:120px var(--space-4)var(--space-16);min-height:auto}.hero-cta{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.hero-scroll{display:none}.portfolio-grid,.about-stats{grid-template-columns:1fr}.footer-main{gap:var(--space-8);grid-template-columns:1fr}.footer-legal-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.footer-legal-divider{display:none}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.legal-content{max-width:800px;margin:0 auto}.legal-updated{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-10)}.legal-section{margin-bottom:var(--space-10)}.legal-section h2{font-size:var(--font-size-xl);color:var(--color-primary-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-slate-100);font-weight:600}.legal-section h3{font-size:var(--font-size-lg);color:var(--color-primary-800);margin:var(--space-6)0 var(--space-3);font-weight:600}.legal-section p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.8}.legal-list{padding-left:var(--space-6);margin-bottom:var(--space-4);list-style:outside}.legal-list li{color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.8}.legal-contact{background:var(--color-slate-50);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary-700)}.legal-contact p{margin:0}.legal-section a{color:var(--color-primary-700);text-decoration:underline}.legal-section a:hover{color:var(--color-primary-900)}