*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;padding:20px;background:hsla(0,0%,100%,.95);border-radius:16px;margin:20px auto;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.header h1{font-size:2.5rem;background:linear-gradient(135deg,#dc143c,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700}.main-content{display:grid;grid-template-columns:1fr 320px;grid-gap:40px;gap:40px}.main-content h2{color:#333;font-size:1.8rem;margin-bottom:20px;font-weight:600}@media (max-width:768px){.main-content{grid-template-columns:1fr}.container{margin:10px;padding:15px}.header h1{font-size:2rem}}