:root{--primary: #00f2fe;--secondary: #4facfe;--glass: rgba(20, 20, 30, .75);--border: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:#000;color:#fff;min-height:100vh;overflow-x:hidden}#bg-desktop,#bg-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;opacity:.6;object-fit:fill}#bg-desktop{display:block}#bg-mobile{display:none}@media (max-width: 768px){#bg-desktop{display:none}#bg-mobile{display:block}}.css-fallback-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-4;background:linear-gradient(-45deg,#000,#1a0b2e,#0f2027,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,#000 100%);z-index:-2;pointer-events:none}.header-content{text-align:center;padding:80px 20px 40px}h1{font-size:4rem;font-weight:700;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;filter:drop-shadow(0 0 15px rgba(0,242,254,.3));animation:floatText 3s ease-in-out infinite}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.search-box{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:18px 50px 18px 25px;border-radius:50px;border:1px solid var(--border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;transition:.3s}.search-input:focus{outline:none;background:#ffffff1a;border-color:var(--primary);box-shadow:0 0 30px #00f2fe33}.container{max-width:900px;margin:0 auto;padding-bottom:100px}.year-card{background:var(--glass);border:1px solid var(--border);margin:25px 20px;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.year-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);box-shadow:0 0 15px var(--primary);opacity:0;transition:.3s}.year-card:hover{transform:scale(1.02);border-color:#ffffff4d}.year-card:hover:before{opacity:1}.year-header{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.3rem;font-weight:700}.arrow{transition:.4s}.year-card.active .arrow{transform:rotate(180deg);color:var(--primary)}.year-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background:#0000004d}.semester-block{padding:20px 30px;border-top:1px solid rgba(255,255,255,.05)}.sem-label{color:var(--primary);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;display:block}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.note-card{display:flex;align-items:center;background:#ffffff08;border-radius:12px;padding:15px;border:1px solid transparent;transition:.3s}.note-card:hover{background:#ffffff14;border-color:var(--secondary);transform:translateY(-5px)}.subject-img{width:60px;height:60px;border-radius:10px;object-fit:cover;margin-right:15px;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.note-details{flex:1}.note-title{display:block;font-weight:500;font-size:1rem}.note-prof{display:block;font-size:.75rem;color:#888;margin-top:3px}.actions{display:flex;gap:8px}.btn-icon{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;color:#fff;font-size:1.1rem}.view-btn{background:#4facfe1a;color:var(--primary)}.view-btn:hover{background:#007bff;color:#000;box-shadow:0 0 15px #88b4ff}.dl-btn{background:#4facfe1a;color:#fff}.dl-btn:hover{background:#28a745;color:#fff;box-shadow:0 0 15px #6aff8d}@media (max-width: 600px){h1{font-size:2.5rem}.year-header{font-size:1.1rem}.notes-grid{grid-template-columns:1fr}}.video-container{width:100%;border-radius:12px;overflow:hidden;background:#00000080}.year-video{width:100%;height:auto;display:block;border-radius:12px}.utility-buttons-container{max-width:900px;margin:0 auto;padding:0 20px 100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.utility-btn{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:10px 30px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;font-size:1.2rem;font-weight:600;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.utility-btn:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);box-shadow:0 0 15px var(--primary);opacity:0;transition:.3s}.utility-btn:hover{transform:scale(1.02) translateY(-3px);border-color:#ffffff4d;box-shadow:0 10px 30px #00f2fe33}.utility-btn:hover:before{opacity:1}.btn-icon-text{font-size:1.8rem}.btn-text{font-size:1.1rem}.gpa-btn:hover{background:#00f2fe0d}.timetable-btn:hover{background:#4facfe0d}@media (max-width: 600px){h1{font-size:2.5rem}.year-header{font-size:1.1rem}.notes-grid{grid-template-columns:1fr}.utility-buttons-container{grid-template-columns:1fr;gap:15px}}.secret-btn{position:fixed;top:16px;left:16px;z-index:9999;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.secret-btn:hover{opacity:0;background:#ffffff4d}.secret-btn-right{position:fixed;top:16px;right:16px;z-index:9999;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .2s}.secret-btn-right:hover{opacity:0;background:#ffffff4d}