:root{--default__background:linear-gradient(90deg,#111,#444);--default__text-color:#ddd;--default__button__background:#333;--default__button__text-color:#fff;--default__font-family:"Open Sans",sans-serif;--border-radius:4px;--spacing:30px}@media(min-width:900px){:root{--spacing:40px}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;scroll-behavior:smooth}body{background:#fff;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;color:#fff}.hero-content{max-width:600px}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;padding:15px 30px;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}@media(max-width:768px){.hero{padding:2rem 0}.cta-button{padding:12px 24px;font-size:.9rem}}