:root{--clr-pastel-pink:#ffd1dc;--clr-pastel-blue:#aec6cf;--clr-pastel-green:#b2ebf2;--clr-pastel-mint:#98ff98;--clr-pastel-yellow:#fdfd96;--clr-pastel-purple:#e6e6fa;--clr-pastel-peach:#ffdab9;--clr-text-main:#4a4a68;--clr-text-light:#7b7b9e;--br-radius:20px;--glass-bg:hsla(0,0%,100%,.65);--glass-border:hsla(0,0%,100%,.4);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.1);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--clr-text-main);background:linear-gradient(135deg,#fdfbfb,#ebedee);background-attachment:fixed;line-height:1.6;overflow-x:hidden}body:after,body:before{content:"";position:fixed;width:60vw;height:60vw;border-radius:50%;z-index:-1;filter:blur(100px);opacity:.6;animation:drift 20s linear infinite alternate}body:before{top:-10vw;left:-10vw;background:var(--clr-pastel-pink)}body:after{bottom:-10vw;right:-10vw;background:var(--clr-pastel-blue);animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(10vw,15vw)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--br-radius);box-shadow:var(--glass-shadow)}.hidden{display:none!important}.btn{padding:10px 24px;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--clr-pastel-blue),var(--clr-pastel-purple));color:var(--clr-text-main);box-shadow:0 4px 15px rgba(174,198,207,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(174,198,207,.6)}.btn-login{background:hsla(0,0%,100%,.8);color:var(--clr-text-main);border:1px solid var(--glass-border)}.btn-login:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}.btn-full{width:100%;padding:14px;font-size:1.1rem;margin-top:15px}.navbar,nav#navbar{position:fixed;top:0;width:100%;z-index:1000;background:hsla(0,0%,100%,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:var(--transition)}.nav-container{max-width:1200px;margin:0 auto;padding:15px 30px;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--clr-text-main);gap:10px}.logo i{color:#ffa07a}.nav-links{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:var(--clr-text-main);font-weight:500;position:relative;padding:5px 0}.nav-link,.nav-link:after{transition:var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--clr-pastel-pink),var(--clr-pastel-blue));border-radius:3px}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active{color:#8a2be2}.user-profile{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.5);padding:5px 15px 5px 5px;border-radius:30px;border:1px solid var(--glass-border)}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.username{font-weight:600;font-size:.9rem}.btn-logout{background:none;border:none;color:var(--clr-text-light);cursor:pointer;transition:color .2s}.btn-logout:hover{color:#e74c3c}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:90%;max-width:420px;padding:40px;position:relative;transform:translateY(20px) scale(.95);transition:var(--transition);background:hsla(0,0%,100%,.85)}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.close-modal{position:absolute;top:15px;left:auto;right:15px;background:none;border:none;font-size:1.2rem;color:var(--clr-text-light);cursor:pointer;transition:var(--transition)}.close-modal:hover{color:#e74c3c;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:30px}.modal-header h2{font-size:1.8rem;margin-bottom:5px;color:var(--clr-text-main)}.modal-header p{color:var(--clr-text-light);font-size:.9rem}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:15px;color:var(--clr-text-light)}.input-wrapper input{width:100%;padding:12px 15px 12px 40px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:hsla(0,0%,100%,.6);outline:none;font-family:inherit;font-size:.95rem;transition:var(--transition)}.input-wrapper input:focus{background:#fff;border-color:var(--clr-pastel-blue);box-shadow:0 0 0 3px rgba(174,198,207,.3)}.captcha-wrapper{display:flex;gap:15px;align-items:center}#captcha-canvas{border-radius:8px;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.1)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:20px}.form-options a{color:#8a2be2;text-decoration:none}.form-options a:hover{text-decoration:underline}.modal-footer{margin-top:25px;text-align:center;font-size:.9rem;color:var(--clr-text-light)}.modal-footer a{color:#8a2be2;font-weight:600;text-decoration:none}.main-content{max-width:1200px;margin:100px auto 40px;padding:0 20px;min-height:calc(100vh - 200px)}.view-section{display:none;animation:fadeIn .4s ease forwards}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{padding:40px;border-radius:var(--br-radius);margin-bottom:30px;text-align:center;box-shadow:var(--glass-shadow);color:#333}.page-header h1{font-size:2.5rem;margin-bottom:10px}.page-header p{font-size:1.1rem;opacity:.8}.bg-gradient-pink{background:linear-gradient(135deg,var(--clr-pastel-pink),#fff)}.bg-gradient-blue{background:linear-gradient(135deg,var(--clr-pastel-blue),#fff)}.bg-gradient-green{background:linear-gradient(135deg,var(--clr-pastel-mint),#fff)}.bg-gradient-yellow{background:linear-gradient(135deg,var(--clr-pastel-yellow),#fff)}.bg-gradient-purple{background:linear-gradient(135deg,var(--clr-pastel-purple),#fff)}.bg-gradient-peach{background:linear-gradient(135deg,var(--clr-pastel-peach),#fff)}.hero-banner{position:relative;height:400px;border-radius:var(--br-radius);overflow:hidden;margin-bottom:50px;display:flex;align-items:center}.carousel-container{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;transition:opacity .8s ease;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:50%}.carousel-slide,.carousel-slide:before{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-slide:before{content:"";background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.carousel-slide.active{opacity:1;z-index:1}.slide-content{position:relative;z-index:2;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);padding:30px;background:rgba(0,0,0,.2);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-content h2{font-size:2.8rem;margin-bottom:15px}.slide-content p{font-size:1.2rem}.carousel-nav button{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.5);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:10;transition:var(--transition)}.carousel-nav button:hover{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.prev-slide{left:20px}.next-slide{right:20px}.section-title{margin-bottom:30px;text-align:center}.section-title h2{font-size:2rem;margin-bottom:5px}.text-pink{color:#ff9a9e}.grid,.top-works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px;margin-bottom:40px}.masonry-grid{column-count:3;column-gap:30px}.masonry-grid>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:30px}.work-card{background:hsla(0,0%,100%,.6);border-radius:var(--br-radius);overflow:hidden;transition:var(--transition);border:1px solid var(--glass-border);cursor:pointer}.work-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.1);background:hsla(0,0%,100%,.9)}.card-img-wrap{position:relative;padding-top:60%;overflow:hidden}.card-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .card-img-wrap img{transform:scale(1.05)}.card-content{padding:20px}.card-content h3{font-size:1.2rem;margin-bottom:10px;color:var(--clr-text-main)}.card-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--clr-text-light)}.music-card .card-img-wrap:after,.video-card .card-img-wrap:after{content:"\f144";font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:hsla(0,0%,100%,.8);transition:var(--transition);text-shadow:0 4px 10px rgba(0,0,0,.3)}.work-card:hover.music-card .card-img-wrap:after,.work-card:hover.video-card .card-img-wrap:after{color:#fff;transform:translate(-50%,-50%) scale(1.1)}.music-card .card-img-wrap{aspect-ratio:1/1;padding-top:0;border-radius:50%;width:80%;margin:20px auto 0;box-shadow:0 10px 20px rgba(0,0,0,.1);background:#111}.music-card .card-img-wrap img{animation:spin 15s linear infinite;animation-play-state:paused;opacity:.8}.work-card:hover.music-card .card-img-wrap img{animation-play-state:running}@keyframes spin{to{transform:rotate(1turn)}}.student-card{text-align:center;padding:40px 20px}.student-card img{width:120px;height:120px;border-radius:50%;border:4px solid var(--clr-pastel-blue);margin-bottom:15px;padding:4px;background:#fff}.student-card h3{margin-bottom:5px}.filter-bar{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.filter-btn{padding:8px 20px;border-radius:20px;background:hsla(0,0%,100%,.5);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--clr-pastel-pink);color:#fff}.glass-footer{background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);padding:60px 20px 20px;margin-top:80px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:40px;gap:40px;margin:0 auto 40px}.footer-brand p{margin-top:15px;color:var(--clr-text-light)}.footer-links ul{list-style:none;margin-top:15px}.footer-links a{color:var(--clr-text-light);text-decoration:none;display:block;margin-bottom:10px;transition:color .2s}.footer-links a:hover{color:var(--clr-text-main)}.social-icons{margin-top:15px;display:flex;gap:15px}.social-icons a{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;color:var(--clr-text-main);transition:var(--transition);box-shadow:0 4px 10px rgba(0,0,0,.05)}.social-icons a:hover{transform:translateY(-3px);background:var(--clr-pastel-blue);color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.05);color:var(--clr-text-light);font-size:.9rem}@media (max-width:900px){.masonry-grid{column-count:2}.footer-content{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}}@media (max-width:768px){.nav-links{position:absolute;top:100%;left:0;width:100%;background:hsla(0,0%,100%,.95);flex-direction:column;padding:20px;gap:15px;display:none;text-align:center}.nav-links.active{display:flex}.menu-toggle{display:block}.masonry-grid{column-count:1}.slide-content h2{font-size:2rem}.nav-auth{display:none}.students-grid{grid-template-columns:1fr}}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.justify-center{justify-content:center}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.nav-auth{display:flex;align-items:center}.hero{margin-top:70px}.hero-carousel{position:relative;height:400px;border-radius:0;overflow:hidden;width:100%}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.5);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:10;transition:var(--transition)}.carousel-btn:hover{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.carousel-btn.prev-slide{left:20px}.carousel-btn.next-slide{right:20px}.section{max-width:1200px;margin:0 auto;padding:60px 20px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:30px;gap:30px}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:var(--transition)}.login-modal.active{opacity:1;visibility:visible}.login-card{width:90%;max-width:420px;padding:40px;position:relative;transform:translateY(20px) scale(.95);transition:var(--transition);background:hsla(0,0%,100%,.85)}.login-modal.active .login-card{transform:translateY(0) scale(1)}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2rem;color:var(--clr-text-light);cursor:pointer;transition:var(--transition)}.close-btn:hover{color:#e74c3c;transform:rotate(90deg)}.input-group{position:relative;display:flex;align-items:center;margin-bottom:20px}.input-group i{position:absolute;left:15px;color:var(--clr-text-light);z-index:1}.input-group input{width:100%;padding:12px 15px 12px 40px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:hsla(0,0%,100%,.6);outline:none;font-family:inherit;font-size:.95rem;transition:var(--transition)}.input-group input:focus{background:#fff;border-color:var(--clr-pastel-blue);box-shadow:0 0 0 3px rgba(174,198,207,.3)}.captcha-container{display:flex;gap:15px;align-items:center;margin-bottom:15px}footer{background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);padding:60px 20px 20px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;text-align:center;display:block}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}