*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f0f1a;color:#e0e0e0;line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:1.3}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#2d1b69;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9d4edd}::selection{background:#9d4edd;color:#fff}.hero{text-align:center;padding:4rem 0}.hero h1{font-size:3rem;margin-bottom:.5rem;color:#fff}.tagline{font-size:1.5rem;color:#9d4edd;margin-bottom:1rem}.intro{font-size:1.1rem;color:#a0a0a0;max-width:600px;margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.highlights{padding:4rem 0}.highlights h2{text-align:center;margin-bottom:2rem;color:#fff}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.highlight-card{background:#16213e;padding:2rem;border-radius:12px;border:1px solid #2d1b69}.highlight-card h3{color:#9d4edd;margin-bottom:.75rem}.highlight-card p{color:#a0a0a0}.portfolio-about h1{color:#fff;margin-bottom:2rem}.about-intro{font-size:1.1rem;color:#a0a0a0;max-width:800px;margin-bottom:3rem}.skills h2{color:#fff;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.skill-category{background:#16213e;padding:1.5rem;border-radius:12px;border:1px solid #2d1b69}.skill-category h3{color:#9d4edd;margin-bottom:1rem}.skill-category ul{list-style:none;padding:0}.skill-category li{color:#a0a0a0;padding:.25rem 0}.portfolio-projects h1{color:#fff;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:#16213e;padding:2rem;border-radius:12px;border:1px solid #2d1b69;display:flex;flex-direction:column}.project-card.featured{border-color:#9d4edd}.project-card h2{color:#fff;margin-bottom:.5rem}.project-type{color:#9d4edd;font-size:.9rem;margin-bottom:1rem}.project-card p{color:#a0a0a0;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem;margin-top:auto;padding-top:1rem}.portfolio-contact h1{color:#fff;margin-bottom:2rem}.contact-info p{color:#a0a0a0;margin-bottom:2rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.contact-method{background:#16213e;padding:1.5rem;border-radius:12px;border:1px solid #2d1b69}.contact-method h3{color:#9d4edd;margin-bottom:.5rem}.contact-method a{color:#a0a0a0;text-decoration:none}.contact-method a:hover{color:#fff}@media(max-width:768px){.hero h1{font-size:2rem}.tagline{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}}.tod-hero{text-align:center;padding:4rem 0;background:linear-gradient(135deg,rgba(157,78,221,.1) 0%,transparent 100%);border-radius:16px;margin-bottom:3rem}.tod-hero h1{font-size:3.5rem;color:#9d4edd;margin-bottom:.5rem;text-shadow:0 0 30px rgba(157,78,221,.5)}.tod-tagline{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.tod-description{font-size:1.1rem;color:#a0a0a0;max-width:600px;margin:0 auto 2rem}.app-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.app-badge{text-decoration:none}.badge-placeholder{display:inline-block;padding:.75rem 1.5rem;background:#2d1b69;color:#a0a0a0;border-radius:8px;font-size:.9rem}.tod-features{padding:3rem 0}.tod-features h2{text-align:center;color:#fff;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:linear-gradient(135deg,#1a1a2e,#2d1b69);padding:1.5rem;border-radius:12px;border:1px solid #9d4edd33}.feature-card h3{color:#9d4edd;margin-bottom:.75rem}.feature-card p{color:#a0a0a0;font-size:.95rem}.tod-screenshots{padding:3rem 0}.tod-screenshots h2{text-align:center;color:#fff;margin-bottom:2rem}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.screenshot-placeholder{aspect-ratio:9/16;background:#16213e;border-radius:12px;border:1px solid #2d1b69;display:flex;align-items:center;justify-content:center;color:#a0a0a0;max-height:300px}.tod-cta{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#2d1b69,#1a1a2e);border-radius:16px;margin-top:3rem}.tod-cta h2{color:#fff;margin-bottom:.5rem}.tod-cta p{color:#a0a0a0;margin-bottom:2rem}.cta-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.legal-page{max-width:800px;margin:0 auto}.legal-page h1{color:#fff;margin-bottom:.5rem}.last-updated{color:#9d4edd;font-size:.9rem;margin-bottom:2rem}.legal-page section{margin-bottom:2rem}.legal-page h2{color:#fff;font-size:1.3rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #2d1b69}.legal-page h3{color:#9d4edd;font-size:1.1rem;margin:1rem 0 .5rem}.legal-page p{color:#a0a0a0;line-height:1.7;margin-bottom:1rem}.legal-page ul{color:#a0a0a0;padding-left:1.5rem;margin-bottom:1rem}.legal-page li{margin-bottom:.5rem}.legal-page a{color:#9d4edd}.legal-page a:hover{color:#7b2cbf}.tod-support{max-width:800px;margin:0 auto}.tod-support h1{color:#fff;margin-bottom:1.5rem}.support-intro{margin-bottom:3rem}.support-intro p{color:#a0a0a0;font-size:1.1rem}.faq{margin-bottom:3rem}.faq h2{color:#fff;margin-bottom:1.5rem}.faq-item{background:#16213e;padding:1.5rem;border-radius:12px;border:1px solid #2d1b69;margin-bottom:1rem}.faq-item h3{color:#9d4edd;margin-bottom:.75rem}.faq-item p{color:#a0a0a0;margin:0}.contact-support h2{color:#fff;margin-bottom:1rem}.contact-support>p{color:#a0a0a0;margin-bottom:1.5rem}.contact-card{background:linear-gradient(135deg,#2d1b69,#1a1a2e);padding:2rem;border-radius:12px;margin-bottom:2rem}.contact-card h3{color:#fff;margin-bottom:.5rem}.contact-card a{color:#9d4edd;font-size:1.2rem}.response-time{color:#a0a0a0;font-size:.9rem;margin-top:.5rem}.useful-links h2{color:#fff;margin-bottom:1rem}.useful-links ul{list-style:none;padding:0}.useful-links li{margin-bottom:.5rem}.useful-links a{color:#9d4edd;text-decoration:none}.useful-links a:hover{text-decoration:underline}.btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.btn-primary{background:#9d4edd;color:#fff}.btn-primary:hover{background:#7b2cbf}.btn-secondary{background:transparent;color:#9d4edd;border:2px solid #9d4edd}.btn-secondary:hover{background:#9d4edd;color:#fff}@media(max-width:768px){.tod-hero h1{font-size:2.5rem}.tod-tagline{font-size:1.2rem}.app-badges{flex-direction:column;align-items:center}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#1a1a2e;padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#a0a0a0;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.footer{background:#1a1a2e;color:#a0a0a0;padding:2rem;text-align:center}.footer-links{margin-top:.5rem}.footer-links a{color:#a0a0a0;text-decoration:none}.footer-links a:hover{color:#fff}.tod-layout .header{background:linear-gradient(135deg,#2d1b69,#1a1a2e)}.tod-layout .logo{color:#9d4edd}.tod-footer{background:linear-gradient(135deg,#1a1a2e,#2d1b69)}@media(max-width:768px){.nav{flex-direction:column;gap:1rem}.nav-links{gap:1rem}}