@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+3:wght@300;400;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",Source Sans Pro,sans-serif;background:linear-gradient(135deg,#1a1a1a,#0f0f0f,#1a1a1a);color:#fff;min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20% 30%,rgba(234,90,166,.4),transparent),radial-gradient(1px 1px at 40% 70%,rgba(240,231,14,.3),transparent),radial-gradient(1px 1px at 90% 40%,rgba(240,231,14,.25),transparent),radial-gradient(1px 1px at 70% 80%,rgba(234,90,166,.4),transparent),radial-gradient(1px 1px at 55% 20%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 10% 60%,rgba(240,231,14,.2),transparent),radial-gradient(1px 1px at 80% 15%,rgba(234,90,166,.3),transparent);background-size:200px 200px,300px 300px,250px 250px,180px 180px,220px 220px,270px 270px,190px 190px;animation:gentleFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gentleFloat{0%,to{transform:translate(0);opacity:.7}25%{transform:translate(10px,-15px);opacity:1}50%{transform:translate(-5px,-10px);opacity:.8}75%{transform:translate(8px,5px);opacity:.9}}.ambient-light{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(244,202,66,.09) 0%,transparent 70%);top:20%;right:-10%;animation:ambientPulse 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes ambientPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.page-root{min-height:100vh;position:relative}.container{max-width:480px;margin:0 auto;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;position:relative;z-index:1}.container:before{content:"";position:absolute;inset:2rem 1rem;border:1px solid rgba(240,231,14,.5);border-radius:2px;pointer-events:none}.container:after{content:"";position:absolute;top:1.5rem;left:1.5rem;width:40px;height:40px;border-top:2px solid rgba(240,231,14,.8);border-left:2px solid rgba(240,231,14,.8)}.logo-section{text-align:center;position:relative;animation:elegantEntry 1.2s cubic-bezier(.23,1,.32,1) both}.logo-section:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:120%;height:2px;background:linear-gradient(90deg,transparent,rgba(240,231,14,.8),transparent);animation:logoGlow 3s ease-in-out infinite}.logo-section:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,231,14,.5),transparent)}.logo-img{filter:drop-shadow(0 8px 32px rgba(244,217,66,.5)) contrast(1.1) brightness(1.05);transition:all .6s cubic-bezier(.23,1,.32,1);max-width:210px;height:auto}.logo-img:hover{transform:scale(1.08);filter:drop-shadow(0 12px 48px rgba(240,231,14,.9)) contrast(1.15) brightness(1.1)}@keyframes logoGlow{0%,to{opacity:.6;width:120%}50%{opacity:1;width:140%}}@keyframes elegantEntry{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.featured-section{text-align:center;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:elegantEntry 1.2s cubic-bezier(.23,1,.32,1) .3s both}.headline{color:#fff;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600;line-height:1.5;text-shadow:0 2px 12px rgba(240,231,14,.2)}.buttons-section{width:100%;display:flex;flex-direction:column;gap:.75rem;animation:elegantEntry 1.2s cubic-bezier(.23,1,.32,1) .6s both}.btn-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:.25rem 0}.btn{display:block;width:100%;padding:1.1rem 2rem;text-align:center;text-decoration:none;font-family:Playfair Display,serif;font-weight:600;font-size:1rem;border-radius:4px;text-transform:uppercase;letter-spacing:2.5px;position:relative;overflow:hidden;border:1px solid transparent;cursor:pointer;animation:floatUpDown 2.5s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translate(-100%);transition:transform .7s cubic-bezier(.23,1,.32,1);z-index:1}.btn:hover:before{transform:translate(100%)}.btn:hover{transform:translateY(-4px)}.btn:active{transform:translateY(-1px)}.btn-register{background:#d5c70c;color:#54005c;border-color:#ffffff4d;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 8px 32px #d5c70c59,inset 0 1px #fff3}.btn-register:hover{box-shadow:0 12px 48px #d5c70c8c,0 0 40px #f0e70e4d,inset 0 1px #ffffff40}.btn-login{background:linear-gradient(135deg,#54005c,#2a0030);color:#f4f142;border-color:#fff6;text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 8px 32px #54005c66,inset 0 1px #ffffff1a;position:relative}.btn-login:after{content:"";position:absolute;inset:-200%;background:conic-gradient(from 0deg,#fff6,#be6fc340,#fff6,#be6fc340,#fff6);animation:luxuryGlow 4s linear infinite;z-index:-1;border-radius:inherit}.btn-login:hover{color:#fff;box-shadow:0 12px 48px #54005c99,0 0 60px #f4b64233,inset 0 1px #fff3}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes luxuryGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.featured-image{width:100%;position:relative;border-radius:8px;overflow:hidden;padding:3px;background:linear-gradient(145deg,#f0e70e99,#db64ff1a);transition:all .8s cubic-bezier(.23,1,.32,1)}.featured-image:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,#9bbae8,#d6781f26,#9bbae8,#d6781f26,#9bbae8);border-radius:10px;z-index:-1;animation:luxuryRotate 8s linear infinite}.featured-image:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000080,0 0 80px #f4b64240}@keyframes luxuryRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-inner{border-radius:6px;overflow:hidden;background:#000;position:relative}.banner-img{width:100%;height:auto;display:block;transition:transform .6s ease}.featured-image:hover .banner-img{transform:scale(1.03)}.description{color:#ffffffd9;font-size:.95rem;line-height:1.7;text-align:center}.copyright{color:#fff9;font-size:.85rem}.copyright-link{color:#f9ff00;text-decoration:none;transition:color .2s}.copyright-link:hover{color:#fff;text-shadow:0 0 10px #f9ff00}@media(max-width:480px){.container{padding:2.5rem 1.2rem;gap:2.5rem}.btn{padding:1rem 1.5rem;font-size:.9rem;letter-spacing:2px}.headline{font-size:1rem}}