*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:2rem;padding:2rem 0}.title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.1rem;color:#ffffffe6;font-weight:300}.main-content{flex:1;display:flex;justify-content:center;align-items:center}.widget-container{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:100%;max-width:800px}.widget-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:12px;background:#f8f9fa}.widget{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.footer{text-align:center;padding:1rem 0;margin-top:2rem}.footer p{color:#fffc;font-size:.9rem}.footer a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s ease}.footer a:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.container{padding:15px}.title{font-size:2rem}.subtitle{font-size:1rem}.widget-container{padding:1.5rem;border-radius:15px}.header{padding:1rem 0;margin-bottom:1.5rem}}@media (max-width: 480px){.container{padding:10px}.title{font-size:1.8rem}.widget-container{padding:1rem;border-radius:12px}.widget-wrapper{padding-bottom:75%}}.widget-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.widget-wrapper.loaded:before{display:none}*{transition:all .3s ease}.widget:focus{outline:2px solid #667eea;outline-offset:2px}