*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9ff;color:#111a3b;font-family:Poppins, sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.17;pointer-events:none;z-index:-1}.ambient-one{width:360px;height:360px;background:#ffcf38;top:100px;left:-180px}.ambient-two{width:440px;height:440px;background:#3568ff;right:-230px;top:420px}.topbar{height:84px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#101a42;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 8px 30px #09122d22}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:20px;line-height:1}.brand-star{color:#ffd23f;font-size:34px}.brand-accent{color:#ffd23f}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#b8c5ed;margin-top:6px}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#dce4ff;text-decoration:none;font-size:13px}.button{border:0;border-radius:13px;padding:13px 19px;font:600 12px Poppins;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.25s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0b174533}.button-outline{background:transparent;border:1px solid #7180b3;color:#fff}.button-yellow{background:#ffd13d;color:#172047}.button-red{background:#ed4254;color:#fff}.hero{min-height:530px;padding:70px 10% 55px;background:linear-gradient(115deg,#101a42 0%,#1c3e91 60%,#4777e7 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden}.hero-copy{max-width:530px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#e5b82d}.eyebrow i{display:inline-block;width:7px;height:7px;background:#ffd13d;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.13;letter-spacing:-3px;margin:22px 0}.hero h1 span,.section-heading h2 span,.about h2 span{color:#ffd13d}.hero-copy>p{max-width:420px;color:#d3ddff;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.tiny-note{font-size:10px;color:#c5d0f1}.hero-art{width:390px;height:330px;position:relative;perspective:900px;flex-shrink:0}.orbit{position:absolute;border:1px solid #ffffff55;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:390px;height:180px;top:80px;left:0}.orbit-b{width:300px;height:270px;top:30px;left:45px;transform:rotate(55deg)}.glass-card{position:absolute;border:1px solid #ffffff55;border-radius:24px;backdrop-filter:blur(12px);box-shadow:0 25px 60px #050d2c66;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d}.card-back{width:180px;height:220px;right:10px;top:45px;background:linear-gradient(145deg,#ffcf3d,#ef5964);transform:rotateY(-18deg) rotateZ(12deg);color:#fff}.card-back span{font-size:65px}.card-back small,.card-front small{letter-spacing:3px;font-size:8px}.card-front{width:190px;height:235px;left:48px;top:68px;background:linear-gradient(145deg,#ffffff44,#5b8dff77);transform:rotateY(18deg) rotateZ(-9deg);color:#fff}.card-front strong{font-size:20px;letter-spacing:2px}.sun{font-size:65px;color:#ffda4a;margin-bottom:12px;text-shadow:0 0 25px #ffdc55}.float-star{position:absolute;color:#ffdc55;text-shadow:0 0 20px #ffdc55;animation:float 4s ease-in-out infinite}.star-a{top:5px;left:50px;font-size:30px}.star-b{right:0;bottom:25px;font-size:42px;animation-delay:1s}.star-c{left:5px;bottom:15px;font-size:20px;animation-delay:2s}@keyframes float{50%{transform:translateY(-18px) rotate(25deg)}}.gallery-section{padding:85px 8% 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2,.about h2{font-size:36px;line-height:1.2;margin:10px 0}.section-heading h2 span{color:#ed4656}.section-heading p{font-size:12px;color:#78809c}.gallery-tools{display:flex;gap:10px}.gallery-tools input,.auth-card input{border:1px solid #dce1f1;border-radius:12px;padding:13px 15px;font:12px Poppins;outline:none;min-width:190px}.gallery-tools input:focus,.auth-card input:focus{border-color:#4c75e9;box-shadow:0 0 0 3px #4c75e91c}.status-line{font-size:11px;color:#7b84a0;margin:0 0 18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-card{background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 12px 35px #17234b12;transition:.3s;cursor:pointer;border:1px solid #edf0fa}.media-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 20px 40px #17234b20}.thumb{height:230px;background:linear-gradient(135deg,#dce7ff,#fff1c4);display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.video-thumb{font-size:40px;color:#fff;text-shadow:0 2px 15px #000;position:absolute}.thumb{position:relative}.media-info{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.media-info h3{font-size:13px;margin:0 0 4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info p{font-size:10px;color:#8991a9;margin:0}.media-type{font-size:9px;font-weight:700;color:#526fce;background:#edf2ff;padding:7px 9px;border-radius:20px}.empty-state{text-align:center;padding:65px 20px;color:#7d86a2}.empty-state div{font-size:45px;color:#f0c12e}.empty-state h3{color:#18244c}.about{margin:0 8% 80px;border-radius:25px;padding:45px 6%;background:linear-gradient(110deg,#121d49,#2855b8);color:#fff;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:25px}.about-mark{font-size:50px;color:#ffd13d}.about h2{font-size:30px;margin:10px 0 0}.about p{font-size:12px;line-height:2;color:#d4ddfa}footer{background:#0d1638;color:#c7d1f2;padding:25px 8%;display:flex;justify-content:space-between;font-size:11px}footer b{color:#ffcf39}.modal{display:none;position:fixed;inset:0;background:#05091aeF;z-index:30;align-items:center;justify-content:center;padding:55px 22px 25px}.modal.open{display:flex}.viewer-content{width:min(1100px,94vw);height:min(76vh,800px);display:flex;align-items:center;justify-content:center}.viewer-content img,.viewer-content video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;border-radius:8px}.viewer-caption{position:absolute;bottom:15px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px}.modal-close{position:absolute;right:25px;top:15px;border:0;background:#ffffff22;color:#fff;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}.auth-modal{z-index:40}.auth-card{background:#fff;border-radius:22px;padding:38px;width:min(420px,95vw);position:relative;box-shadow:0 30px 80px #0006}.auth-card .modal-close{color:#18234b;background:#f0f2fa;right:15px;top:15px}.auth-card h2{margin:12px 0 5px;color:#142047}.auth-card p{font-size:11px;color:#77809a;line-height:1.7}.auth-card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.auth-card input{width:100%}.form-message{min-height:18px}.hidden{display:none!important}@media(max-width:850px){.hero{padding:60px 7%;}.hero-art{transform:scale(.8);transform-origin:center right;margin-left:-50px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column}.about{grid-template-columns:auto 1fr}.about p{grid-column:1/-1}}@media(max-width:600px){.topbar{padding:0 5%;height:72px}.topbar nav{display:none}.brand{font-size:17px}.topbar .button{padding:10px;font-size:10px}.hero{display:block;padding:55px 7% 20px}.hero h1{font-size:49px}.hero-art{width:100%;max-width:350px;margin:10px auto 0;transform:scale(.85);transform-origin:top center;height:290px}.gallery-section{padding:60px 5%}.gallery-tools{width:100%;flex-wrap:wrap}.gallery-tools input{flex:1;min-width:130px}.gallery-tools .button{flex:1}.gallery-grid{grid-template-columns:1fr;gap:16px}.thumb{height:250px}.section-heading h2{font-size:30px}.about{margin:0 5% 55px;padding:30px 7%;gap:12px}.about h2{font-size:24px}footer{padding:22px 5%;font-size:9px}.viewer-caption{bottom:12px}.viewer-content{height:70vh}}