:root{--brand-primary:#219ebc;--brand-accent:#ffb703;--brand-secondary:#8ecae6;--brand-tertiary:#fb8500;--brand-dark:#023047;--brand-light:#f0f8ff;--brand-white:#fff;--font-main:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--brand-light);color:var(--brand-dark);margin:0;padding:0;line-height:1.6}h1,h2,h3{font-weight:700;letter-spacing:-.01em;margin-bottom:.5em}.container{max-width:1000px;margin:0 auto;padding:20px}.highlight{background-color:var(--brand-secondary);padding:0 5px;border-radius:12px;display:inline-block}.header-banner{width:100%;background:var(--brand-primary);border-bottom:1px solid rgba(2,48,71,.1);padding:12px 20px;text-align:center;position:relative}.banner-link{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:.01em;display:inline-block;transition:transform .2s}.banner-link:hover{transform:scale(1.02)}.header-wrapper{width:100%;background:var(--brand-white)}nav{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(2,48,71,.1);max-width:1400px;margin:0 auto}.nav-link{display:none}@media (min-width:768px){.nav-link{display:inline-block}}.logo{font-size:28px;font-weight:700;background:var(--brand-primary);color:var(--brand-white);padding:8px 18px;border-radius:20px;border:none;box-shadow:0 2px 8px rgba(33,158,188,.3);display:inline-block;text-decoration:none}.logo span{color:var(--brand-accent)}@keyframes calmGradientRipple{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.hero{text-align:center;padding:80px 60px 100px;max-width:1400px;margin:0 -20px 40px;width:calc(100% + 40px);background:linear-gradient(135deg,var(--brand-light) 0,var(--brand-secondary) 25%,var(--brand-light) 50%,var(--brand-secondary) 75%,var(--brand-light) 100%);background-size:200% 200%;animation:calmGradientRipple 12s ease-in-out infinite;border-radius:24px;position:relative}@media (min-width:1440px){.hero{margin-left:calc((1000px - 1400px) / 2 - 20px);margin-right:calc((1000px - 1400px) / 2 - 20px);width:1400px}}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin-bottom:30px;font-weight:700}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);max-width:800px;opacity:.85;font-weight:500;line-height:1.6}.hero-description,.hero-subtitle{margin:0 auto 20px;color:var(--brand-dark)}.hero-description{font-size:clamp(1rem,2vw,1.2rem);max-width:700px;opacity:.8;line-height:1.7}.hero-tagline{font-size:clamp(1.1rem,2.5vw,1.3rem);color:var(--brand-dark);font-weight:600;font-style:italic}.hero p,.hero-tagline{max-width:600px;margin:0 auto 30px}.hero p{font-size:clamp(1rem,2vw,1.25rem)}.category-slider{position:relative;display:flex;align-items:center;gap:15px;margin-top:40px;margin-bottom:30px;padding:0 40px}.slider-container{flex:1 1;overflow:hidden;position:relative}.slider-track{display:flex;transition:transform .4s ease;gap:20px}.hero-category-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--brand-dark);transition:transform .2s ease;min-width:calc((100% - 80px) / 5);flex-shrink:0;padding:10px}.hero-category-link:hover{transform:scale(1.1)}.category-icon{font-size:2.5rem;margin-bottom:8px}.category-name{font-size:.85rem;font-weight:500;text-align:center}.slider-button{background:var(--brand-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.slider-button:hover{background:#1a8ba8;transform:scale(1.1)}.slider-button:active{transform:scale(.95)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:30px;gap:30px;margin-bottom:60px}.card{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:25px;box-shadow:0 4px 12px rgba(2,48,71,.08);transition:transform .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(33,158,188,.25)}.card-icon{font-size:40px;margin-bottom:15px;display:block}.tag{background:var(--brand-accent);padding:6px 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;position:absolute;top:20px;right:20px}.prompt-box,.tag{color:var(--brand-dark);border-radius:16px}.prompt-box{background:#f0f8ff;padding:15px;font-family:Courier New,monospace;font-size:.9rem;margin:15px 0;border:1px dashed rgba(2,48,71,.2);word-break:break-word}.prompt-actions{display:flex;gap:10px;flex-direction:column}.btn-copy{background:var(--brand-primary);color:#fff;border:none;width:100%;padding:12px;font-weight:600;font-size:1rem;cursor:pointer;text-transform:uppercase;border-radius:16px;transition:background .2s,transform .1s}.btn-copy:hover{background:#1a8ba8}.btn-copy:active{transform:scale(.98)}.ai-launch-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.btn-ai{border:1px solid rgba(2,48,71,.2);padding:10px 12px;font-weight:500;font-size:.9rem;cursor:pointer;border-radius:16px;transition:all .2s;box-shadow:0 2px 6px rgba(2,48,71,.06);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--brand-dark);background:#fff}.btn-ai:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-ai:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.08)}.ai-logo{width:20px;height:20px;flex-shrink:0}.btn-chatgpt{background:linear-gradient(135deg,var(--brand-secondary) 0,#7ab8d6 100%);color:var(--brand-dark);border-color:rgba(2,48,71,.2)}.btn-chatgpt:hover{background:linear-gradient(135deg,#7ab8d6,#6aa6c6)}.btn-chatgpt .ai-logo{fill:var(--brand-dark)}.btn-claude{background:linear-gradient(135deg,var(--brand-accent) 0,#e6a503 100%);color:var(--brand-dark);border-color:rgba(2,48,71,.2)}.btn-claude:hover{background:linear-gradient(135deg,#e6a503,#cc9303)}.btn-claude .ai-logo{fill:var(--brand-dark)}.btn-gemini{background:linear-gradient(135deg,var(--brand-primary) 0,#1a8ba8 100%);color:#fff;border-color:rgba(2,48,71,.2)}.btn-gemini:hover{background:linear-gradient(135deg,#1a8ba8,#157a94)}.btn-gemini .ai-logo{fill:#fff}.btn-aistudio{background:linear-gradient(135deg,var(--brand-tertiary) 0,#e67700 100%);color:#fff;border-color:rgba(2,48,71,.2)}.btn-aistudio:hover{background:linear-gradient(135deg,#e67700,#c60)}.btn-aistudio .ai-logo{fill:#fff;width:20px;height:20px}footer{width:100%;padding:0;margin-top:80px;background:var(--brand-dark);color:var(--brand-white);border-top:1px solid rgba(33,158,188,.3)}.footer-wrapper{max-width:1400px;margin:0 auto;padding:60px 40px 40px}.footer-content{display:grid;grid-template-columns:1.2fr 2fr;grid-gap:60px;gap:60px;margin-bottom:50px}.footer-brand{max-width:400px}.footer-logo{margin-bottom:15px}.footer-tagline{font-size:1.1rem;font-weight:500;color:var(--brand-accent);margin-bottom:15px}.footer-description{font-size:.95rem;color:#ccc;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.footer-column h4{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:var(--brand-white);text-transform:uppercase;letter-spacing:.03em;font-size:.9rem}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:12px}.footer-column a{color:#ccc;text-decoration:none;font-size:.95rem;transition:all .2s;display:inline-block}.footer-column a:hover{color:var(--brand-accent);transform:translateX(3px)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:30px}.footer-disclaimer{background:rgba(33,158,188,.15);border-left:3px solid var(--brand-primary);padding:20px;border-radius:16px;margin-bottom:25px}.footer-disclaimer p{font-size:.85rem;color:#ddd;line-height:1.6;margin:0}.footer-disclaimer strong{color:var(--brand-accent)}.footer-copyright{text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.footer-copyright p{font-size:.85rem;color:#999;margin:0}.disclaimer{font-size:.8rem;color:var(--brand-dark);opacity:.8;margin-bottom:15px;max-width:800px;margin-left:auto;margin-right:auto}.copyright{font-size:.85rem;color:#999;margin-top:15px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:25px;gap:25px;margin-bottom:60px}.category-card{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:30px;box-shadow:0 4px 12px rgba(2,48,71,.08);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block;text-align:center}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(33,158,188,.25)}.category-card-icon{font-size:3rem;display:block;margin-bottom:15px}.category-card h3{margin-bottom:10px;font-size:1.5rem}.category-card p{color:var(--brand-dark);opacity:.8;font-size:.95rem}.content-section{margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.content-section h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:20px;margin-top:40px}.content-section p{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:20px;line-height:1.8}.subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--brand-dark);opacity:.8;font-weight:400}.feature-list{list-style:none;padding-left:0;margin:20px 0}.feature-list li{padding:10px 0 10px 30px;position:relative;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.7}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--brand-accent);font-weight:700;font-size:1.2rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:25px;gap:25px;margin-top:30px}.value-card{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:25px;box-shadow:0 4px 12px rgba(2,48,71,.08)}.value-card h3{font-size:1.3rem;margin-bottom:12px}.value-card p{font-size:.95rem;margin-bottom:0;color:var(--brand-dark);opacity:.8}.disclaimer-box{background:var(--brand-secondary);background-opacity:.1;border:1px solid var(--brand-primary);border-radius:20px;padding:25px;margin-top:20px;color:var(--brand-dark)}.disclaimer-box p{margin-bottom:15px}.disclaimer-box p:last-child{margin-bottom:0}.features-section{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:40px;margin:60px 0;box-shadow:0 4px 12px rgba(2,48,71,.08)}.features-section h2{text-align:center;margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:25px;gap:25px}.feature-item{text-align:center}.feature-item h3{font-size:1.3rem;margin-bottom:10px}.feature-item p{color:var(--brand-dark);opacity:.8;font-size:.95rem}.how-it-works{margin:60px 0;text-align:center}.how-it-works h2{margin-bottom:40px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));grid-gap:30px;gap:30px;max-width:900px;margin:0 auto}.step{position:relative}.step-number{background:var(--brand-primary);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 15px;border:none;box-shadow:0 2px 8px rgba(33,158,188,.3)}.step h3{font-size:1.2rem;margin-bottom:10px}.step p{opacity:.8;font-size:.95rem}.menu-toggle,.step p{color:var(--brand-dark)}.menu-toggle{background:none;border:none;font-size:1.2rem;font-weight:600;cursor:pointer;padding:5px 10px}.menu-overlay{left:0;bottom:0;background:rgba(0,0,0,.3);z-index:998}.menu-overlay,.mobile-menu{position:fixed;top:0;right:0}.mobile-menu{width:80%;max-width:400px;height:100vh;background:var(--brand-white);border-left:1px solid rgba(2,48,71,.1);box-shadow:-4px 0 20px rgba(2,48,71,.08);z-index:999;overflow-y:auto;padding:20px}.menu-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--brand-dark);line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex;flex-direction:column;gap:15px;margin-top:50px}.mobile-nav a{color:var(--brand-dark);text-decoration:none;font-weight:500;font-size:1.1rem;padding:12px 0;border-bottom:1px solid #eee;transition:color .2s}.mobile-nav a:hover{color:var(--brand-primary)}.mobile-nav h4{margin-top:20px;margin-bottom:10px;font-size:.9rem;text-transform:uppercase;color:#666;letter-spacing:.03em}.menu-divider{height:1px;background:rgba(2,48,71,.2);margin:20px 0}.view-all{color:var(--brand-primary)!important;font-weight:600!important}.quiz-container{max-width:700px;margin:0 auto 60px}.quiz-progress{margin-bottom:40px}.progress-bar{width:100%;height:8px;background:#eee;border-radius:20px;overflow:hidden;margin-bottom:10px;border:none}.progress-fill{height:100%;background:var(--brand-primary);transition:width .3s ease;border-radius:20px}.quiz-progress p{text-align:center;font-size:.9rem;color:var(--brand-dark);opacity:.8;font-weight:500}.quiz-question{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:30px;box-shadow:0 4px 12px rgba(2,48,71,.08);margin-bottom:30px}.quiz-question h2{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:25px;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:15px}.quiz-option{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:20px;padding:18px 20px;font-size:1rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s;color:var(--brand-dark)}.quiz-option:hover{background:var(--brand-primary);color:#fff;transform:translateX(3px);box-shadow:0 4px 12px rgba(33,158,188,.3)}.quiz-option:active{transform:translateX(1px);box-shadow:0 2px 6px rgba(33,158,188,.2)}.btn-back{background:var(--brand-white);border:1px solid rgba(2,48,71,.2);color:var(--brand-dark);padding:12px 24px;font-weight:500;font-size:1rem;cursor:pointer;border-radius:20px;transition:all .2s}.btn-back:hover{background:var(--brand-primary);color:#fff}.quiz-results{max-width:800px;margin:0 auto 60px;text-align:center}.quiz-results h1{margin-bottom:15px}.result-subtitle{font-size:1.1rem;color:var(--brand-dark);opacity:.8;margin-bottom:40px}.result-card{background:var(--brand-white);border:1px solid rgba(2,48,71,.15);border-radius:24px;padding:40px;box-shadow:0 4px 12px rgba(2,48,71,.08);margin-bottom:30px;text-align:left}.result-card h2{margin-bottom:20px;text-align:center}.result-actions{margin-top:30px}.btn-secondary{background:var(--brand-white);border:1px solid rgba(2,48,71,.2);color:var(--brand-dark);padding:12px 24px;font-weight:600;font-size:1rem;cursor:pointer;border-radius:20px;text-decoration:none;display:inline-block;transition:all .2s}.btn-secondary:hover{transform:translateY(-2px)}.btn-primary,.btn-secondary:hover{background:var(--brand-primary);color:#fff;box-shadow:0 4px 12px rgba(33,158,188,.3)}.btn-primary{display:inline-block;padding:15px 30px;text-decoration:none;font-weight:600;border-radius:20px;border:none;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,158,188,.4);background:#1a8ba8}@media (max-width:600px){.hero{padding:40px 20px 60px}.logo{font-size:20px;padding:6px 14px}nav{padding:15px 0}.category-grid,.grid{gap:20px}.card,.category-card{padding:20px}.prompt-box{font-size:.85rem;padding:12px}.footer-wrapper{padding:40px 20px 30px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr;gap:30px}.footer-brand{max-width:100%;text-align:center}.prompt-actions{flex-direction:column}.ai-launch-buttons{grid-template-columns:1fr}.content-section{padding:0 10px}.features-section{padding:25px 20px}.steps,.values-grid{grid-template-columns:1fr}.header-banner{padding:10px 15px}.banner-link{font-size:.9rem}.mobile-menu{width:90%}.quiz-question{padding:20px}.quiz-option{padding:15px;font-size:.95rem}.result-card{padding:25px}.category-slider{padding:0 20px}.hero-category-link{min-width:calc((100% - 40px) / 2)}.slider-button{width:35px;height:35px;font-size:1rem}.category-icon{font-size:2rem}.category-name{font-size:.75rem}}@media (min-width:600px) and (max-width:899px){.hero-category-link{min-width:calc((100% - 60px) / 3)}}@media (min-width:900px) and (max-width:1199px){.hero-category-link{min-width:calc((100% - 80px) / 4)}}