:root{--m-navy:#071a43;--m-blue:#1f4db8;--m-gold:#e0b23f;--m-cream:#f8f6ef;--m-white:#fffdf8;--m-text:#5e6c87;--m-line:#dce1ea}*{box-sizing:border-box}.media-page{background:radial-gradient(circle at 85% 7%,#dfe8ff 0,transparent 25%),var(--m-cream);min-height:100vh;color:var(--m-navy);font-family:Arial,Helvetica,sans-serif}.media-page button,.media-page input,.media-page textarea{font:inherit}.media-page button{cursor:pointer}.media-page button:disabled{opacity:.55;cursor:wait}.media-header{justify-content:space-between;align-items:center;max-width:1400px;height:92px;margin:auto;padding:0 5vw;display:flex}.media-brand{color:var(--m-navy);align-items:center;gap:12px;text-decoration:none;display:flex}.media-brand>span{background:linear-gradient(145deg,var(--m-blue),var(--m-navy));width:51px;height:51px;color:var(--m-gold);border-radius:17px;place-items:center;font-size:11px;font-weight:900;display:grid}.media-brand strong,.media-brand small{display:block}.media-brand strong{font-size:22px}.media-brand small{color:#9c7413;letter-spacing:.16em;margin-top:4px;font-size:8px;font-weight:900}.media-header nav{gap:9px;display:flex}.media-header nav a{color:var(--m-blue);border:1px solid #cad2e2;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:900;text-decoration:none}.media-hero{background:linear-gradient(135deg,var(--m-navy),#173d8d 70%,#2b62d2);color:#fff;border-radius:42px;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1320px;min-height:450px;margin:0 auto 45px;padding:62px 7%;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 68px #071a432e}.media-hero:before{content:"";border:90px solid #ffffff08;border-radius:50%;width:420px;height:420px;position:absolute;top:-240px;right:-220px}.media-hero>div:first-child{z-index:1;position:relative}.media-hero>div:first-child>p:first-child,.media-library-head>div>p,.studio-top p,.media-gate>p:first-of-type,.edit-media>p{color:var(--m-gold);text-transform:uppercase;letter-spacing:.17em;margin:0 0 13px;font-size:10px;font-weight:900}.media-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(55px,6vw,84px);line-height:.91}.media-hero h1 span{color:var(--m-gold)}.media-hero>div:first-child>p:last-child{color:#d5e0f5;max-width:570px;margin:24px 0 0;font-size:17px;line-height:1.65}.media-hero-stack{height:300px;position:relative}.media-hero-stack>span{background:#ffffff13;border:1px solid #ffffff25;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:200px;padding:22px;font-size:54px;display:flex;position:absolute;transform:rotate(-8deg);box-shadow:0 20px 45px #06163850}.media-hero-stack>span:nth-child(2){color:var(--m-blue);background:#fff;top:18%;left:31%;transform:rotate(4deg)}.media-hero-stack>span:nth-child(3){background:var(--m-gold);color:var(--m-navy);top:4%;right:0;transform:rotate(12deg)}.media-hero-stack b{letter-spacing:.15em;margin-top:22px;font-size:10px}.media-notice{color:#6a4d05;text-align:center;background:#fff3ca;border:1px solid #e6c462;border-radius:11px;width:min(1000px,100% - 30px);margin:0 auto 16px;padding:12px 16px;font-size:12px;font-weight:800}.media-gate{border:1px solid var(--m-line);background:var(--m-white);text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,100% - 30px);min-height:380px;margin:0 auto 90px;padding:45px;display:flex;box-shadow:0 25px 60px #071a4315}.media-gate>span{background:var(--m-navy);width:70px;height:70px;color:var(--m-gold);border-radius:22px;place-items:center;margin-bottom:22px;font-weight:900;display:grid}.media-gate h2{letter-spacing:-.05em;max-width:560px;margin:0;font-size:39px}.media-gate>p:not(:first-of-type){max-width:520px;color:var(--m-text);line-height:1.6}.media-gate>a{background:linear-gradient(135deg,var(--m-blue),var(--m-navy));color:#fff;border-radius:12px;margin-top:14px;padding:15px 18px;font-weight:900;text-decoration:none}.media-library{max-width:1320px;margin:0 auto 100px;padding:0 20px}.media-library-head{justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;display:flex}.media-library-head h2,.studio-top h2{letter-spacing:-.05em;margin:0;font-size:44px}.media-student{border:1px solid var(--m-line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 13px;display:flex}.media-student>span{background:var(--m-navy);width:42px;height:42px;color:var(--m-gold);border-radius:13px;place-items:center;font-size:10px;font-weight:900;display:grid}.media-student strong,.media-student small{display:block}.media-student strong{font-size:11px}.media-student small{color:var(--m-text);margin-top:3px;font-size:8px}.media-type-tabs{border:1px solid var(--m-line);background:#fff;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;display:grid}.media-type-tabs button{color:#66728a;background:0 0;border:0;border-radius:12px;min-height:58px;padding:10px;font-weight:900}.media-type-tabs button.active{background:linear-gradient(135deg,var(--m-blue),var(--m-navy));color:#fff;box-shadow:0 9px 20px #071a4320}.media-type-tabs b{color:var(--m-gold);background:#ffffff1b;border-radius:7px;margin-left:8px;padding:4px 7px}.media-filters{justify-content:space-between;align-items:center;gap:20px;margin:17px 0 35px;display:flex}.media-filters>input{background:#fff;border:1px solid #ccd4e2;border-radius:11px;outline:none;width:min(360px,100%);height:46px;padding:0 14px}.media-filters>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.media-filters button{color:#647089;background:#fff;border:1px solid #d2d8e4;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}.media-filters button.active{background:var(--m-gold);color:var(--m-navy)}.media-section-group{margin-bottom:45px}.media-section-group>div:first-child{grid-template-columns:1fr auto;align-items:end;margin-bottom:16px;display:grid}.media-section-group>div:first-child>span{color:#9c7413;text-transform:uppercase;letter-spacing:.13em;grid-column:1;font-size:8px;font-weight:900}.media-section-group>div:first-child>h3{grid-column:1;margin:4px 0 0;font-size:29px}.media-section-group>div:first-child>b{color:var(--m-blue);background:#e6ebf6;border-radius:9px;grid-area:1/2/3;padding:8px 10px;font-size:9px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.media-card{border:1px solid var(--m-line);background:var(--m-white);border-radius:22px;overflow:hidden;box-shadow:0 14px 35px #071a4310}.media-preview{background:#e8edf7;height:230px;overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%;display:block}.media-preview video{background:#071a43}.pdf-symbol{background:linear-gradient(145deg,#fff6dd,#ead08b);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.pdf-symbol>span{color:#fff;background:#bb2f3b;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900}.pdf-symbol>strong{color:var(--m-navy);margin:13px 0;font-size:52px}.pdf-symbol>small{font-size:9px}.media-copy{padding:20px}.media-copy>div:first-child{gap:6px;display:flex}.media-copy>div:first-child span,.media-copy>div:first-child i{color:var(--m-blue);background:#e8edf8;border-radius:7px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:900}.media-copy>div:first-child i{color:#8b650e;background:#fff1c9}.media-copy h3{margin:12px 0 7px;font-size:22px;line-height:1.15}.media-copy>p{min-height:42px;color:var(--m-text);margin:0;font-size:11px;line-height:1.55}.media-copy footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.media-copy footer small{color:#7e899c}.media-copy footer a{color:var(--m-blue);font-size:9px;font-weight:900}.media-empty{text-align:center;min-height:270px;color:var(--m-text);border:2px dashed #d5dbe6;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;display:flex}.media-empty>span{color:var(--m-gold);font-size:45px}.media-empty h3{color:var(--m-navy);margin:12px 0 5px}.studio-access{background:linear-gradient(135deg,var(--m-navy),#173d8d);color:#fff;border-radius:27px;grid-template-columns:1fr 380px;align-items:center;gap:35px;max-width:1100px;min-height:190px;margin:0 auto 90px;padding:32px 38px;display:grid}.studio-access p{color:var(--m-gold);text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:900}.studio-access h2{margin:0;font-size:28px}.studio-access span{color:#b8c7e4;margin-top:7px;font-size:10px;display:block}.studio-access form{display:flex}.studio-access input{border:0;border-radius:11px 0 0 11px;outline:none;flex:1;min-width:0;height:50px;padding:0 13px}.studio-access button{background:var(--m-gold);color:var(--m-navy);border:0;border-radius:0 11px 11px 0;font-weight:900}.content-studio{border:1px solid var(--m-line);background:#fff;border-radius:34px;max-width:1250px;margin:0 auto 100px;padding:34px;box-shadow:0 25px 60px #071a4317}.studio-top{justify-content:space-between;align-items:center;gap:25px;display:flex}.studio-top>div>span{color:var(--m-text);font-size:11px}.studio-top>button{color:#9a4141;background:#fff;border:1px solid #ccd4e2;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:900}.studio-tabs{background:#edf1f8;border-radius:14px;grid-template-columns:1fr 1fr;margin:27px 0;padding:6px;display:grid}.studio-tabs button{color:#647089;background:0 0;border:0;border-radius:10px;min-height:48px;font-weight:900}.studio-tabs button.active{color:var(--m-blue);background:#fff;box-shadow:0 7px 17px #071a4315}.upload-form{grid-template-columns:.8fr 1.2fr;gap:22px;display:grid}.upload-zone{background:#f4f7fc;border:2px dashed #bfc9dd;border-radius:23px;min-height:430px}.upload-zone label{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:35px;display:flex}.upload-zone strong{font-size:22px}.upload-zone span{color:var(--m-text);margin:10px 0 20px;font-size:10px}.upload-zone b{background:var(--m-blue);color:#fff;border-radius:10px;padding:12px 15px;font-size:10px}.upload-zone input{display:none}.upload-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-fields label,.edit-media label{color:#485675;text-transform:uppercase;flex-direction:column;gap:6px;font-size:9px;font-weight:900;display:flex}.upload-fields label:nth-child(-n+2){grid-column:1/3}.upload-fields input,.upload-fields textarea,.edit-media input,.edit-media textarea{width:100%;color:var(--m-navy);text-transform:none;background:#fff;border:1px solid #ccd4e3;border-radius:10px;outline:none;padding:12px}.upload-fields button{background:linear-gradient(135deg,var(--m-blue),var(--m-navy));color:#fff;border:0;border-radius:11px;grid-column:1/3;min-height:54px;font-weight:900}.upload-fields button span{color:var(--m-gold);margin-left:18px}.manage-list{gap:10px;display:grid}.manage-list>article{border:1px solid var(--m-line);background:#fbfcfe;border-radius:17px;grid-template-columns:68px 1fr auto;align-items:center;gap:15px;min-height:105px;padding:13px;display:grid}.manage-list>article.hidden-item{opacity:.58}.manage-icon{width:62px;height:62px;color:var(--m-blue);background:#dce8ff;border-radius:18px;place-items:center;font-size:25px;display:grid}.manage-icon.pdf{color:#9a6d06;background:#fff0c8}.manage-icon.video{background:var(--m-navy);color:var(--m-gold)}.manage-list article span{color:#9a7212;text-transform:uppercase;font-size:7px;font-weight:900}.manage-list article h3{margin:5px 0;font-size:18px}.manage-list article p{color:var(--m-text);margin:0;font-size:9px}.manage-list article>div:last-child{gap:6px;display:flex}.manage-list article button{color:var(--m-blue);background:#e5ebf8;border:0;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:900}.manage-list article button.delete{color:#a43c3c;background:#fae7e7}.edit-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071a43b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.edit-media{background:#fff;border-radius:26px;width:min(620px,100%);max-height:94vh;padding:35px;position:relative;overflow:auto}.edit-media>.close{background:0 0;border:0;font-size:26px;position:absolute;top:15px;right:18px}.edit-media h2{margin:0 0 22px;font-size:34px}.edit-media>label,.edit-media>div{margin-bottom:12px}.edit-media>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edit-media .visibility{text-transform:none;flex-direction:row;align-items:center}.edit-media .visibility input{width:18px}.edit-media>button[type=submit]{background:var(--m-blue);color:#fff;border:0;border-radius:11px;width:100%;min-height:51px;font-weight:900}.media-footer{background:var(--m-navy);color:#fff;justify-content:space-between;align-items:center;min-height:100px;padding:30px 6vw;display:flex}.media-footer a{color:var(--m-gold);font-weight:900}.media-footer span{color:#aebddd;font-size:10px}@media (width<=1000px){.media-hero{grid-template-columns:1fr}.media-hero-stack{display:none}.media-grid{grid-template-columns:repeat(2,1fr)}.studio-access{grid-template-columns:1fr;margin-left:15px;margin-right:15px}.upload-form{grid-template-columns:1fr}.upload-zone{min-height:260px}}@media (width<=650px){.media-header{height:78px;padding:0 18px}.media-brand>span{width:43px;height:43px}.media-brand strong{font-size:17px}.media-brand small{font-size:7px}.media-header nav a:first-child{display:none}.media-hero{border-radius:29px;min-height:390px;margin:0 14px 35px;padding:45px 24px}.media-hero h1{font-size:52px}.media-hero>div:first-child>p:last-child{font-size:14px}.media-gate{padding:34px 19px}.media-gate h2{font-size:31px}.media-library{padding:0 14px}.media-library-head{flex-direction:column;align-items:flex-start}.media-library-head h2{font-size:36px}.media-student{width:100%}.media-type-tabs{grid-template-columns:1fr}.media-filters{flex-direction:column;align-items:stretch}.media-filters>input{width:100%}.media-filters>div{justify-content:flex-start}.media-grid{grid-template-columns:1fr}.media-preview{height:220px}.studio-access{padding:28px 20px}.studio-access form{flex-direction:column;gap:7px}.studio-access input,.studio-access button{border-radius:10px;width:100%;height:48px}.content-studio{border-radius:26px;margin:0 12px 75px;padding:24px 14px}.studio-top{flex-direction:column;align-items:flex-start}.studio-top h2{font-size:35px}.studio-tabs,.upload-fields{grid-template-columns:1fr}.upload-fields label:nth-child(-n+2),.upload-fields button{grid-column:1}.manage-list>article{grid-template-columns:56px 1fr}.manage-icon{width:52px;height:52px}.manage-list article>div:last-child{grid-column:1/3}.edit-media{padding:32px 20px}.edit-media>div{grid-template-columns:1fr}.media-footer{flex-direction:column;align-items:flex-start;gap:10px}}