:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary-light: #60a5fa;--secondary-color: #7c3aed;--secondary-light: #a78bfa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.ai-portal-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:calc(72px + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden}.ai-portal-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.ai-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px;text-transform:uppercase}.ai-portal-hero h1{font-size:3rem;color:var(--white);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.ai-portal-hero .subtitle{font-size:1.25rem;color:#ffffffe6;line-height:1.7;max-width:600px;margin:0 auto}.ai-categories{padding:3rem 0 1rem;background:var(--gray-50)}.category-header{text-align:center;margin-bottom:3rem}.category-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--gray-800);font-weight:600}.category-header p{color:var(--gray-600);font-size:1rem}.ai-services{padding:2rem 0 5rem;background:var(--gray-50)}.services-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:900px;margin:0 auto;padding:0 2rem}.ai-service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.ai-service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent;background:linear-gradient(145deg,var(--white) 0%,var(--gray-50) 100%)}.service-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--primary-color);color:var(--white);padding:.375rem 1rem;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.service-icon{font-size:3.5rem;margin-bottom:1.5rem;height:90px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-service-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--gray-800);font-weight:600}.ai-service-card p{color:var(--gray-600);line-height:1.7;margin-bottom:2rem;flex-grow:1;font-size:.95rem}.service-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;padding:.75rem 1.5rem;border:2px solid var(--primary-color);border-radius:100px}.service-link:hover{background:var(--primary-color);color:var(--white);gap:.75rem;transform:scale(1.05)}.ai-features{background:var(--white);padding:4rem 0;border-top:1px solid var(--gray-200)}.ai-features h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--gray-800);font-weight:600}.ai-features .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1000px;margin:0 auto;padding:0 2rem}.ai-features .feature-item{text-align:center;padding:1rem;transition:transform .2s}.ai-features .feature-item:hover{transform:translateY(-5px)}.ai-features .feature-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-features .feature-item h4{font-size:1rem;margin-bottom:.5rem;color:var(--gray-800);font-weight:600}.ai-features .feature-item p{color:var(--gray-600);font-size:.875rem;line-height:1.5}.ai-stats{background:var(--gray-50);padding:3rem 0;border-top:1px solid var(--gray-200)}.ai-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:900px;margin:0 auto;padding:0 2rem}.ai-stats .stat-item{text-align:center}.ai-stats .stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.ai-stats .stat-label{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.nexus-hero{background:linear-gradient(135deg,#1e40af,#3b82f6);color:var(--white);padding:calc(72px + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden}.nexus-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px;text-transform:uppercase}.nexus-hero h1{font-size:3rem;color:var(--white);margin-bottom:1rem;font-weight:700}.nexus-tools{padding:5rem 0;background:var(--gray-50)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.nexus-tool-card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--gray-200)}.nexus-tool-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.tool-phase{position:absolute;top:1rem;right:1rem}.phase-label{padding:.375rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.phase-active{background:#dcfce7;color:#15803d}.phase-dev{background:#fef3c7;color:#b45309}.phase-planned{background:#e0e7ff;color:#4338ca}.tool-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--white);margin-bottom:1.5rem;letter-spacing:.5px}.icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-green{background:linear-gradient(135deg,#10b981,#059669)}.icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.icon-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.nexus-tool-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--gray-800);font-weight:600}.nexus-tool-card p{color:var(--gray-600);line-height:1.6;font-size:.9rem}.nexus-cta{display:none}.nova-hero{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:var(--white);padding:calc(72px + 4rem) 0 4rem;text-align:center}.nova-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px;text-transform:uppercase}.nova-services{padding:5rem 0;background:var(--gray-50)}.nova-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.nova-service-card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;border:1px solid var(--gray-200)}.nova-service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--secondary-light)}.service-icon-box{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--white);margin:2rem auto 1.5rem}.nova-bottom{background:var(--gray-800);color:var(--white);padding:2rem 0;text-align:center}@media (max-width: 1024px){.services-grid-2{grid-template-columns:1fr;max-width:500px}.tools-grid,.nova-grid,.ai-features .features-grid,.nexus-features .features-grid,.nova-features .features-grid,.ai-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ai-portal-hero h1,.nexus-hero h1,.nova-hero h1{font-size:2rem}.tools-grid,.nova-grid,.ai-features .features-grid,.nexus-features .features-grid,.nova-features .features-grid,.ai-stats .stats-grid{grid-template-columns:1fr}.ai-service-card{padding:2rem 1.5rem}}.btn{padding:.75rem 2rem;border-radius:100px;font-weight:600;font-size:.95rem;transition:all .3s;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}:root{--nexus-primary: #4F46E5;--nexus-secondary: #6366F1;--nova-primary: #8B5CF6;--nova-secondary: #A78BFA;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #0F172A;--white: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15)}.nexus-hero{position:relative;background:linear-gradient(135deg,#4f46e5,#6366f1);padding:120px 0 80px;overflow:hidden}.nexus-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.nexus-hero .hero-gradient{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 60%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-10%,-10%) rotate(0)}50%{transform:translate(10%,10%) rotate(180deg)}}.nexus-hero .hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto}.nexus-hero .hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 24px;border-radius:100px;font-size:12px;font-weight:600;color:var(--white);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px}.nexus-hero .hero-title{font-size:48px;font-weight:700;color:var(--white);margin-bottom:20px;line-height:1.2;letter-spacing:-1px}.nexus-hero .hero-subtitle{font-size:20px;color:#ffffffe6;line-height:1.6;font-weight:400}.nexus-tools{padding:80px 0;background:var(--gray-50)}.nexus-tools .tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;margin:0 auto;padding:0 20px}.nexus-tool-card{background:var(--white);border-radius:24px;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);cursor:pointer;min-height:320px;display:flex;flex-direction:column;align-items:center;text-align:center}.nexus-tool-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:transparent}.nexus-tool-card .tool-phase{position:absolute;top:20px;right:20px}.nexus-tool-card .phase-label{padding:6px 12px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.phase-active{background:#d1fae5;color:#065f46}.phase-dev{background:#fef3c7;color:#92400e}.phase-planned{background:#dbeafe;color:#1e40af}.tool-icon-wrapper{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;overflow:hidden}.tool-icon-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(20px);opacity:.3;transform:scale(1.2)}.tool-icon-text{position:relative;z-index:1;font-size:14px;font-weight:700;color:var(--white);letter-spacing:.5px}.icon-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.icon-gradient-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-gradient-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.icon-gradient-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.nexus-tool-card h3{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:12px;letter-spacing:-.3px}.nexus-tool-card p{font-size:14px;color:var(--gray-600);line-height:1.7;flex-grow:1}.nexus-features{padding:80px 0;background:var(--white);border-top:1px solid var(--gray-200)}.nexus-features .section-title{text-align:center;font-size:32px;font-weight:700;color:var(--gray-900);margin-bottom:48px;letter-spacing:-.5px}.nexus-features .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto;padding:0 20px}.nexus-features .feature-card{text-align:center;transition:transform .3s ease}.nexus-features .feature-card:hover{transform:translateY(-8px)}.nexus-features .feature-icon{font-size:48px;margin-bottom:16px;display:block}.nexus-features .feature-card h4{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.nexus-features .feature-card p{font-size:14px;color:var(--gray-600);line-height:1.5}.nexus-footer{background:var(--gray-900);color:var(--white);padding:40px 0;text-align:center}.nexus-footer .footer-content h2{font-size:20px;font-weight:600;margin-bottom:8px}.nexus-footer .footer-content p{font-size:14px;color:var(--gray-400)}.nova-hero{position:relative;background:linear-gradient(135deg,#8b5cf6,#a78bfa);padding:120px 0 80px;overflow:hidden}.nova-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.nova-hero .hero-gradient{position:absolute;width:150%;height:150%;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.15) 0%,transparent 60%);animation:float 25s ease-in-out infinite reverse}.nova-hero .hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto}.nova-hero .hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 24px;border-radius:100px;font-size:12px;font-weight:600;color:var(--white);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px}.nova-hero .hero-title{font-size:48px;font-weight:700;color:var(--white);margin-bottom:20px;line-height:1.2;letter-spacing:-1px}.nova-hero .hero-subtitle{font-size:20px;color:#ffffffe6;line-height:1.6;font-weight:400}.nova-services{padding:80px 0;background:var(--gray-50)}.nova-services .nova-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.nova-service-card{background:var(--white);border-radius:24px;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);cursor:pointer;min-height:320px;display:flex;flex-direction:column;align-items:center;text-align:center}.nova-service-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:transparent}.nova-service-card .service-phase{position:absolute;top:20px;right:20px}.service-icon-wrapper{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;overflow:hidden}.service-icon-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(20px);opacity:.3;transform:scale(1.2)}.service-icon-text{position:relative;z-index:1;font-size:14px;font-weight:700;color:var(--white);letter-spacing:.5px}.nova-service-card h3{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:12px;letter-spacing:-.3px}.nova-service-card p{font-size:14px;color:var(--gray-600);line-height:1.7;flex-grow:1}.nova-features{padding:80px 0;background:var(--white);border-top:1px solid var(--gray-200)}.nova-features .section-title{text-align:center;font-size:32px;font-weight:700;color:var(--gray-900);margin-bottom:48px;letter-spacing:-.5px}.nova-features .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto;padding:0 20px}.nova-features .feature-card{text-align:center;transition:transform .3s ease}.nova-features .feature-card:hover{transform:translateY(-8px)}.nova-features .feature-icon{font-size:48px;margin-bottom:16px;display:block}.nova-features .feature-card h4{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.nova-features .feature-card p{font-size:14px;color:var(--gray-600);line-height:1.5}.nova-footer{background:var(--gray-900);color:var(--white);padding:40px 0;text-align:center}.nova-footer .footer-content h2{font-size:20px;font-weight:600;margin-bottom:8px}.nova-footer .footer-content p{font-size:14px;color:var(--gray-400)}@media (max-width: 1024px){.nexus-tools .tools-grid,.nova-services .nova-grid{grid-template-columns:repeat(2,1fr);gap:24px}.nexus-features .features-grid,.nova-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nexus-hero .hero-title,.nova-hero .hero-title{font-size:36px}.nexus-hero .hero-subtitle,.nova-hero .hero-subtitle{font-size:18px}.nexus-tools .tools-grid,.nova-services .nova-grid{grid-template-columns:1fr;gap:20px}.nexus-features .features-grid,.nova-features .features-grid{grid-template-columns:1fr;gap:32px}.nexus-tool-card,.nova-service-card{min-height:auto;padding:32px 24px}}:root{--primary: #0f172a;--secondary: #3b82f6;--accent: #10b981;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6;min-height:100vh;margin:0}#root,.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav{background:var(--white);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;height:72px}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:1.5rem}.nav-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all .2s}.nav-back-btn:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900)}.nav-logo{font-size:1.5rem;font-weight:800;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-logo:hover{color:var(--secondary)}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;transition:color .2s;padding:.5rem 0;position:relative}.nav-link:hover{color:var(--secondary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--secondary);transition:width .3s}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:24px;height:2px;background:var(--gray-700);transition:all .3s}.footer{background:var(--gray-900);color:var(--white);padding:3rem 0;margin-top:auto;width:100%}.footer-content{text-align:center}.footer-logo{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.footer-text{color:var(--gray-400);font-size:.875rem}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);padding:calc(72px + 5rem) 0 5rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="white" stroke-width="0.5" opacity="0.1"/></pattern><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;position:relative;z-index:1}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 2rem;opacity:.95;position:relative;z-index:1}.features{padding:5rem 0;background:var(--white)}.features-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.feature-card{background:var(--white);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all .3s;border:1px solid var(--gray-200);cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary),var(--accent));transform:translateY(-100%);transition:transform .3s}.feature-card:hover:before{transform:translateY(0)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.feature-icon{font-size:3rem;margin-bottom:1rem;height:80px;display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--primary)}.feature-card p{color:var(--gray-600);line-height:1.6}.radar-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:calc(72px + 4rem) 0 4rem;text-align:center}.radar-hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.radar-hero p{font-size:1.25rem;opacity:.9}.radar-features{padding:5rem 0;background:var(--gray-50)}.prism-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:calc(72px + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden}.prism-hero:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prism-hero h1{font-size:3rem;margin-bottom:1rem;position:relative;z-index:1}.prism-hero p{font-size:1.25rem;max-width:600px;margin:0 auto;position:relative;z-index:1}.services-section{padding:5rem 0;background:var(--gray-50)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow);transition:all .3s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-number{display:inline-block;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;text-align:center;line-height:40px;font-weight:700;margin-bottom:1rem}.service-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary)}.service-card p{color:var(--gray-600);line-height:1.6}.issue-map-hero{background:linear-gradient(135deg,#0093e9,#80d0c7);color:#fff;padding:calc(72px + 4rem) 0 4rem;text-align:center}.issue-map-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:800}.search-container{max-width:800px;margin:3rem auto 0;padding:0 2rem}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-full);font-size:1rem;background:#fffffff2;color:var(--gray-900)}.search-input::placeholder{color:var(--gray-400)}.search-btn{padding:.75rem 2rem;background:#fff;color:#0093e9;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .3s}.search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.date-range{display:flex;gap:1rem;justify-content:center}.date-input{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius);background:#ffffff1a;color:#fff;font-size:.875rem}.date-input::placeholder{color:#ffffffb3}.wordcloud-section{padding:5rem 0;background:#fff;text-align:center}.wordcloud-container{max-width:1000px;margin:0 auto;padding:3rem;background:var(--gray-50);border-radius:var(--radius-2xl)}.wordcloud{min-height:400px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:2rem}.word{display:inline-block;padding:.5rem 1rem;margin:.25rem;border-radius:var(--radius-full);cursor:pointer;transition:all .3s;font-weight:500}.word:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.word-xl{font-size:2.5rem;background:linear-gradient(135deg,#0093e9,#80d0c7);color:#fff}.word-lg{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.word-md{font-size:1.5rem;background:var(--secondary);color:#fff}.word-sm{font-size:1.25rem;background:var(--accent);color:#fff}.word-xs{font-size:1rem;background:var(--gray-200);color:var(--gray-700)}.dragon-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:calc(72px + 4rem) 0 4rem;text-align:center;position:relative;overflow:hidden}.dragon-hero:before{content:"🐉";position:absolute;font-size:20rem;opacity:.1;top:50%;left:50%;transform:translate(-50%,-50%)}.dragon-hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:900;position:relative;z-index:1}.hero-follow-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#f5576c;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0000001a;text-decoration:none;position:relative;z-index:1}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;position:relative;z-index:1}.social-link{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#fff;text-decoration:none}.hero-description{color:#fff;font-size:1.125rem;margin:1rem auto 3rem;max-width:700px;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.1)}.section-description{font-size:1.125rem;margin-bottom:2rem}@media (max-width: 768px){.dragon-hero h1{font-size:2.5rem}.embed-box{height:500px}.hero-follow-btn{padding:.75rem 1.5rem;font-size:.9rem}.stats-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.search-input{width:100%}}.nav-ai-writer{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff!important;padding:.5rem 1.25rem!important;border-radius:100px;font-weight:600;transition:all .3s;display:inline-flex;align-items:center}.nav-ai-writer:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.services-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:900px;margin:0 auto}.services-grid-2 .ai-service-card{padding:3rem 2rem}.services-grid-2 .service-icon{font-size:4rem;height:100px}.services-grid-2 .ai-service-card h3{font-size:1.75rem}@media (max-width: 768px){.services-grid-2{grid-template-columns:1fr;gap:2rem}}.navigation{position:fixed;top:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:1000;transition:all .3s ease;height:60px}.navigation.scrolled{box-shadow:0 4px 20px #0000000d}.nav-container{max-width:1280px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:40px}.nav-logo{display:flex;align-items:center;text-decoration:none;font-size:1.25rem;font-weight:800;color:#0f172a;transition:all .2s}.nav-logo:hover{transform:scale(1.02)}.logo-text{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .2s;position:relative}.nav-link:hover{color:#0f172a;background:#f8fafc}.nav-link.active{color:#3b82f6;background:#eff6ff}.nav-right{display:flex;align-items:center;gap:12px}.nav-ai-btn{padding:8px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;position:relative;overflow:hidden}.nav-ai-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-ai-btn:hover:before{left:100%}.nav-ai-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.nav-back-btn{width:44px;height:44px;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(0,0,0,.06);color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;position:relative;overflow:hidden}.nav-back-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.nav-back-btn:hover{background:#fff;transform:translate(-1px) scale(1.02);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;border-color:#3b82f633}.nav-back-btn:hover:before{opacity:.04}.nav-back-btn:active{transform:scale(.98);box-shadow:0 1px 2px #0000001a}.nav-back-btn svg{width:24px;height:24px;position:relative;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1);stroke-width:2.5}.nav-back-btn:hover svg{transform:translate(-2px);color:#2563eb}.nav-search{position:relative;display:flex;align-items:center}.nav-search-input{width:200px;padding:8px 16px 8px 36px;border:1px solid #E2E8F0;border-radius:10px;font-size:14px;background:#f8fafc;transition:all .2s}.nav-search-input:focus{outline:none;width:250px;border-color:#3b82f6;background:#fff;box-shadow:0 4px 12px #3b82f61a}.nav-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.nav-user-menu{position:relative}.nav-user-btn{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid transparent}.nav-user-btn:hover{border-color:#cbd5e1;transform:scale(1.05)}.user-avatar{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.nav-mobile-toggle{display:none;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #E2E8F0;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-mobile-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.nav-mobile-toggle svg{width:20px;height:20px;color:#64748b}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;border:1px solid #E2E8F0;padding:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s}.nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{padding:10px 16px;border-radius:8px;color:#64748b;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:14px;transition:all .2s;cursor:pointer}.nav-dropdown-item:hover{background:#f8fafc;color:#0f172a}.nav-dropdown-divider{height:1px;background:#e2e8f0;margin:8px 0}@media (max-width: 768px){.nav-links,.nav-search{display:none}.nav-mobile-toggle{display:flex}.nav-container{padding:0 16px}}.nav-mobile-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;padding:24px;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.nav-mobile-menu.active{transform:translate(0)}.nav-mobile-links{display:flex;flex-direction:column;gap:8px}.nav-mobile-link{padding:12px 16px;color:#64748b;text-decoration:none;font-size:16px;font-weight:500;border-radius:10px;transition:all .2s}.nav-mobile-link:hover{background:#f8fafc;color:#0f172a}.nav-mobile-link.active{background:#eff6ff;color:#3b82f6}.nav-notification{position:relative}.nav-notification-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.nav-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.nav-breadcrumb a{color:#94a3b8;text-decoration:none;transition:color .2s}.nav-breadcrumb a:hover{color:#3b82f6}.nav-breadcrumb-separator{color:#cbd5e1}.nav-loading{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3B82F6,transparent);animation:loading 1.5s linear infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--primary-50: #EFF6FF;--primary-100: #DBEAFE;--primary-200: #BFDBFE;--primary-300: #93C5FD;--primary-400: #60A5FA;--primary-500: #3B82F6;--primary-600: #2563EB;--primary-700: #1D4ED8;--primary-800: #1E40AF;--primary-900: #1E3A8A;--accent-50: #FAF5FF;--accent-100: #F3E8FF;--accent-200: #E9D5FF;--accent-300: #D8B4FE;--accent-400: #C084FC;--accent-500: #A855F7;--accent-600: #9333EA;--accent-700: #7E22CE;--accent-800: #6B21A8;--accent-900: #581C87;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-soft: 0 10px 40px -10px rgba(0, 0, 0, .08);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Poppins", var(--font-sans);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--gray-900);background:linear-gradient(to bottom,var(--gray-50),white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-soft);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.05)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:.875rem;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--success);color:#fff}.badge-primary{background:var(--primary-500);color:#fff}.badge-accent{background:var(--accent-500);color:#fff}.badge-warning{background:var(--warning);color:#fff}.grid{display:grid;gap:var(--space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideIn{animation:slideIn .5s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.homepage{min-height:100vh;background:#fff}a.feature-card.clickable,.feature-card.clickable{text-decoration:none;color:inherit;display:block;cursor:pointer;transition:all .3s ease}a.feature-card.clickable:hover,.feature-card.clickable:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.hero{padding:80px 0 60px;background:linear-gradient(135deg,#fff,#f1f5f9);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);border-radius:50%}.hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 24px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:24px;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:20px;color:#0f172a}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:#64748b;margin-bottom:48px;font-weight:400;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;font-size:14px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-secondary{background:#fff;color:#374151;border:1px solid #D1D5DB}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.features{padding:80px 0;background:#fafbfc}.features-header{text-align:center;margin-bottom:60px}.features-header h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:16px}.features-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.features-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s ease;border:1px solid #F1F5F9;cursor:pointer;position:relative;box-shadow:0 1px 3px #0000000d}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#e2e8f0}.feature-icon{font-size:3rem;margin-bottom:24px;height:80px;display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#0f172a}.feature-card p{color:#64748b;line-height:1.6;margin-bottom:24px;font-size:.95rem}.feature-link{color:#3b82f6;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}.feature-link:hover{color:#2563eb}@media (max-width: 768px){.hero{padding:60px 0 40px}.features{padding:60px 0}.features-grid-3{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}.hero-actions{flex-direction:column;align-items:center}.btn{width:200px;justify-content:center}}.prism-hero{background:#fff;color:#0f172a;padding:calc(72px + 5rem) 0 5rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid #f1f5f9}.prism-hero:before{display:none}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.prism-hero h1{font-size:3rem;margin-bottom:1.5rem;color:#0f172a;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.prism-hero .subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto 1.5rem;line-height:1.6;position:relative;z-index:1}.prism-hero .hero-description{color:#64748b;font-size:1.125rem;margin:1rem auto 3rem;max-width:700px;line-height:1.6;position:relative;z-index:1}.hero-badge{display:inline-block;background:#f8fafc;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;position:relative;z-index:1;color:#3b82f6}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:800px;margin:0 auto;position:relative;z-index:1}.stat-item{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:#64748b}.how-it-works{padding:5rem 0;background:#f9fafb}.section-subtitle{font-size:1.125rem;margin-bottom:2rem;color:#6b7280;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.process-item{text-align:center;position:relative}.process-number{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 1.5rem}.process-item h4{font-size:1.125rem;margin-bottom:.5rem;color:#1f2937}.process-item p{font-size:.875rem;color:#6b7280;line-height:1.5}.process-item:not(:last-child):after{content:"→";position:absolute;top:30px;right:-30px;font-size:1.5rem;color:#e5e7eb}.features{padding:5rem 0;background:#fff}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem}.features-header p{font-size:1.125rem;color:#6b7280}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(59,130,246,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.feature-card:hover:after{opacity:1}.card-badge{position:absolute;top:1.5rem;right:1.5rem;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.feature-card p{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:1rem}.feature-link{color:#3b82f6;font-weight:600;font-size:.875rem}.testimonials{padding:5rem 0;background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;max-width:1000px;margin:3rem auto 0}.testimonial-quote{font-size:1.125rem;line-height:1.6;color:#4b5563;margin-bottom:1.5rem;font-style:italic}.prism-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e5e7eb)}.prism-header{text-align:center}.prism-header h2{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem}.prism-header p{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2rem}.btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3B82F6}.btn-secondary:hover{background:#3b82f6;color:#fff}@media (max-width: 1024px){.process-grid{grid-template-columns:repeat(2,2fr);gap:3rem}.process-item:nth-child(2):after{display:none}.process-item:nth-child(3):after{display:none}}@media (max-width: 768px){.prism-hero h1{font-size:3rem}.stats-container{grid-template-columns:1fr;gap:1rem}.process-grid{grid-template-columns:1fr}.process-item:after{display:none}.testimonial-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;text-align:center}}.dragon-hero{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:calc(72px + 4rem) 0 4rem;text-align:center}.dragon-hero h1{font-size:3.5rem;margin-bottom:1rem;color:#fff;font-weight:800}.dragon-hero .subtitle{font-size:1.25rem;color:#fff;font-weight:400;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-follow-btn{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#3b82f6;padding:.875rem 2rem;border-radius:100px;font-weight:700;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0000001a;text-decoration:none}.hero-follow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hero-follow-btn svg{width:20px;height:20px}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.social-link{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#fff}.social-link:hover{background:#ffffff4d;transform:translateY(-2px)}.social-link svg{width:20px;height:20px;fill:currentColor}.why-section{background:#fff;padding:5rem 0;text-align:center}.why-header{max-width:800px;margin:0 auto 3rem}.why-header h2{font-size:2.5rem;margin-bottom:1rem;color:#0f172a}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.why-item{text-align:center}.why-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem}.why-item h3{font-size:1.25rem;margin-bottom:.75rem;color:#0f172a}.why-item p{color:#6b7280;line-height:1.6}.stats-section{background:#f9fafb;padding:4rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:#3b82f6;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem}.content-section{padding:5rem 0;background:#f9fafb}.content-container{max-width:1400px;margin:0 auto;padding:0 2rem}.embed-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.embed-box{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000014;height:900px;position:relative}.embed-header{padding:2rem;border-bottom:1px solid #F3F4F6;background:#fff}.embed-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.embed-subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.embed-box iframe{width:100%;height:calc(100% - 100px);border:none}.testimonial-section{background:#fff;padding:5rem 0}.testimonial-container{max-width:1000px;margin:0 auto;padding:0 2rem}.testimonial-header{text-align:center;margin-bottom:3rem}.testimonial-header h2{font-size:2rem;margin-bottom:1rem}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.testimonial-card{background:#f9fafb;padding:2rem;border-radius:16px;position:relative}.testimonial-quote{font-size:1.125rem;line-height:1.6;color:#4b5563;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.author-info h5{font-size:1rem;color:#1f2937;margin-bottom:.25rem}.author-info p{font-size:.875rem;color:#6b7280}@media (max-width: 1024px){.embed-wrapper{grid-template-columns:1fr}.embed-box{height:700px}.why-grid{grid-template-columns:1fr;gap:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dragon-hero h1{font-size:2.5rem}.embed-box{height:500px}.hero-follow-btn{padding:.75rem 1.5rem;font-size:.9rem}.stats-grid,.testimonial-grid{grid-template-columns:1fr}}.writer-hero,.shorts-hero,.radar-hero{background:#fff;padding:100px 0 60px;border-bottom:1px solid #f1f5f9}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-content h1{font-size:3rem;font-weight:800;color:#0f172a;margin-bottom:16px;letter-spacing:-.02em}.hero-content p{font-size:1.25rem;color:#64748b;line-height:1.6}.writer-features,.shorts-features,.radar-features{background:#fff;padding:60px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;transition:all .2s ease;position:relative}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.feature-card.clickable{cursor:pointer}.feature-status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.feature-status.active{background:#dcfce7;color:#15803d}.feature-status.dev{background:#fef3c7;color:#a16207}.feature-card h3{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:10px}.feature-card p{font-size:.9375rem;color:#64748b;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.hero-content h1{font-size:2.25rem}.hero-content p{font-size:1.125rem}.features-grid{grid-template-columns:1fr;padding:0 16px}.writer-hero,.shorts-hero,.radar-hero{padding:80px 0 40px}}.ai-page{min-height:100vh;background:linear-gradient(180deg,#fff,#f8fafc)}.service-hero{padding:60px 0 40px;background:linear-gradient(135deg,#fff,#f1f5f9);position:relative;overflow:hidden}.service-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;opacity:.5}.nova-hero:before{background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%)}.nexus-hero:before{background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%)}.prism-hero:before{background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}.radar-hero:before{background:radial-gradient(circle,rgba(239,68,68,.1) 0%,transparent 70%)}.writer-hero:before{background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%)}.shorts-hero:before{background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%)}.hero-content{text-align:center;position:relative;z-index:1}.hero-content h1{font-size:3rem;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.ai-portal-hero{padding:80px 0 60px;background:linear-gradient(135deg,#1e293b,#0f172a);position:relative;overflow:hidden}.ai-portal-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(168,85,247,.2) 0%,transparent 50%)}.portal-hero-content{text-align:center;position:relative;z-index:1;color:#fff}.portal-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:999px;margin-bottom:24px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.2)}.portal-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:16px;line-height:1.1}.portal-hero-subtitle{font-size:1.25rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.services-portal-grid{padding:60px 0}.portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-top:0;position:relative;z-index:10}.portal-service-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #0000000a;border:1px solid #F1F5F9;transition:all .3s ease;text-decoration:none;display:block;position:relative;overflow:hidden}.portal-service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s}.nova-card:before{background:linear-gradient(90deg,#a855f7,#9333ea)}.nexus-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.portal-service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#e2e8f0}.portal-service-card:hover:before{opacity:1}.portal-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.nova-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.nexus-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.portal-card-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:12px}.portal-card-description{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:20px}.portal-card-features{display:flex;flex-direction:column;gap:12px}.portal-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569}.portal-feature-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.portal-card-arrow{position:absolute;bottom:24px;right:24px;width:32px;height:32px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;transition:all .3s}.portal-service-card:hover .portal-card-arrow{background:#f1f5f9;transform:translate(4px)}.service-features{padding:60px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.feature-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000d;border:1px solid #F1F5F9;transition:all .3s;position:relative;animation:fadeInUp .5s ease forwards;opacity:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#e0e7ff}.feature-status{position:absolute;top:24px;right:24px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.feature-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.feature-status.dev{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.feature-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:12px;margin-top:24px}.feature-card p{font-size:14px;color:#64748b;line-height:1.6}.nexus-tools{padding:60px 0}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.nexus-tool-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000f;border:1px solid #F1F5F9;transition:all .3s;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:250px}.nexus-tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:0;transition:opacity .3s}.nexus-tool-card:hover:before{opacity:1}.nexus-tool-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a;background:linear-gradient(135deg,#fff,#f8fafc)}.tool-status{margin-bottom:20px}.status-label{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-dev{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.nexus-tool-card h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:12px}.nexus-tool-card p{font-size:15px;color:#64748b;line-height:1.6;flex-grow:1}.nova-services{padding:60px 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.nova-service-card{background:#fff;border-radius:20px;padding:36px;box-shadow:0 8px 24px #0000000f;border:1px solid #F1F5F9;transition:all .3s;position:relative;min-height:220px}.nova-service-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0000001a;background:linear-gradient(135deg,#fff,#faf5ff)}.service-status{margin-bottom:20px}.nova-service-card h3{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:12px}.nova-service-card p{font-size:14px;color:#64748b;line-height:1.6}@media (max-width: 1024px){.tools-grid,.portal-cards{grid-template-columns:1fr}}@media (max-width: 768px){.services-grid,.features-grid{grid-template-columns:1fr}.hero-content h1{font-size:2rem}.portal-hero-title{font-size:2.5rem}}.title-generator-page{min-height:calc(100vh - 60px);padding:80px 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.generator-header{text-align:center;margin-bottom:60px}.generator-header h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.generator-header p{font-size:1.25rem;color:#64748b}.generator-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.input-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 40px #0000001a}.input-section label{display:block;font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:12px}.article-input{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease}.article-input:focus{outline:none;border-color:#667eea}.article-input::placeholder{color:#94a3b8}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.char-count{font-size:.875rem;color:#64748b}.generate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 40px #0000001a}.results-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:24px}.titles-list{display:flex;flex-direction:column;gap:12px}.title-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.title-item:hover{background:#f1f5f9;transform:translate(4px)}.title-item.copied{background:#dcfce7}.title-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border-radius:50%;flex-shrink:0}.title-text{flex:1;font-size:1.125rem;color:#334155;line-height:1.5}.copy-btn{padding:8px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#64748b}.copy-btn:hover{border-color:#667eea;color:#667eea}.title-item.copied .copy-btn{border-color:#10b981;color:#10b981;background:#dcfce7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:16px}.empty-state p{font-size:1.125rem;color:#94a3b8}@media (max-width: 1024px){.generator-content{grid-template-columns:1fr}}@media (max-width: 768px){.title-generator-page{padding:40px 20px}.generator-header h1{font-size:2rem}.generator-header p{font-size:1rem}.input-section,.results-section{padding:24px}.title-text{font-size:1rem}}