@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Syncopate:wght@700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#0a0a14;--text-color:#fff;--accent-color:#ff73fa;--accent-2:#9b59ff;--accent-3:#5865f2;--border-color:#ffffff4d;--block-bg:#0f0c1ee6;--glow-pink:#ff73fa66;--glow-purple:#9b59ff66}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}a,button{color:inherit;text-decoration:none}.cursor-dot{background-color:var(--accent-color);pointer-events:none;z-index:10000;mix-blend-mode:difference;width:6px;height:6px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;position:fixed;top:0;left:0}.cursor-outline{border:1px solid var(--accent-color);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:0;left:0}.cursor-crosshair:before,.cursor-crosshair:after{content:"";background-color:var(--accent-color);opacity:.7;position:absolute}.cursor-crosshair:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.cursor-crosshair:after{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.cursor-hover-element{background-color:var(--accent-color);opacity:1;width:100%;height:100%}.grid-bg{z-index:-3;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:50px 50px;width:100vw;height:100vh;position:fixed;top:0;left:0}.interactive-blob{background:radial-gradient(circle, var(--glow-pink) 0%, var(--glow-purple) 40%, #0000 70%);pointer-events:none;z-index:-2;filter:blur(50px);mix-blend-mode:screen;border-radius:50%;width:600px;height:600px;position:fixed;top:0;left:0}.noise-overlay{opacity:.12;z-index:-1;pointer-events:none;background:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.glitch{text-transform:uppercase;letter-spacing:-2px;color:var(--accent-color);text-shadow:0 0 20px var(--glow-pink), 4px 4px 0px #000c;-webkit-text-stroke:1px #9b59ff80;font-family:Syncopate,sans-serif;font-size:4rem;font-weight:700;display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--accent-2);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:3px}.glitch:after{text-shadow:-2px 0 var(--accent-3);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-3px}@keyframes glitch-anim{0%{clip:rect(32px, 9999px, 91px, 0)}20%{clip:rect(12px, 9999px, 54px, 0)}40%{clip:rect(66px, 9999px, 81px, 0)}60%{clip:rect(32px, 9999px, 21px, 0)}80%{clip:rect(98px, 9999px, 44px, 0)}to{clip:rect(11px, 9999px, 99px, 0)}}@keyframes glitch-anim2{0%{clip:rect(2px, 9999px, 23px, 0)}20%{clip:rect(82px, 9999px, 14px, 0)}40%{clip:rect(26px, 9999px, 51px, 0)}60%{clip:rect(92px, 9999px, 31px, 0)}80%{clip:rect(48px, 9999px, 74px, 0)}to{clip:rect(61px, 9999px, 19px, 0)}}.main-layout{justify-content:center;width:100%;min-height:100vh;margin:0 auto;display:flex}.app-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:4rem 2rem;display:flex}@media (width<=1024px){.main-layout{flex-direction:column;display:flex}}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.bento-full{grid-column:span 2}.bento-half{grid-column:span 1}.link-block{background-color:var(--block-bg);border:4px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;min-height:130px;padding:1.5rem 2rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:8px 8px #ffffff26}.link-block:hover{box-shadow:12px 12px 0px var(--accent-color);border-color:var(--accent-color);background-color:#000;transform:translate(-4px,-4px)}.link-content{z-index:10;flex-direction:column;gap:.5rem;display:flex;position:relative}.link-title{text-transform:uppercase;color:#fff;text-shadow:2px 2px #000;font-family:Syncopate,sans-serif;font-size:2.5rem;font-weight:700;transition:color .3s}.link-block:hover .link-title{color:var(--accent-color)}.link-desc{color:#ccc;letter-spacing:1px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600}.mascot-img-inside{opacity:.15;pointer-events:none;filter:grayscale();z-index:1;height:160%;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-40px;right:-20px}.link-block:hover .mascot-img-inside{opacity:1;filter:grayscale(0%);bottom:-20px;right:10%;transform:scale(1.1)rotate(-5deg)}.link-icon-container{color:var(--border-color);border:3px solid var(--border-color);z-index:10;background-color:#0000;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;box-shadow:4px 4px #ffffff26}.link-block:hover .link-icon-container{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--bg-color);box-shadow:4px 4px 0px var(--accent-2)}.arrow-icon{transition:all .3s}.link-block:hover .arrow-icon{transform:rotate(45deg)}.footer{text-align:center;z-index:10;background:linear-gradient(#0000,#0a0a14e6);border-top:2px solid #9b59ff4d;width:100%;margin-top:4rem;padding:3rem 1rem;position:relative}.footer-content{color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px #000;flex-direction:column;align-items:center;gap:.5rem;font-family:Syncopate,sans-serif;font-size:.8rem;font-weight:700;display:flex}.footer-highlight{color:var(--accent-color);font-weight:700}@media (width<=768px){.cursor-dot,.cursor-outline{display:none!important}*{cursor:auto!important}.app-container{padding:2rem 1rem}.glitch{font-size:2.2rem}.subtitle{font-size:.9rem}.dashboard-grid{grid-template-columns:1fr}.bento-full,.bento-half{grid-column:span 1}.link-card{border-width:3px;min-height:100px}.link-title{font-size:1.5rem}.link-desc{font-size:.85rem}.mascot-img-inside{opacity:.3;filter:grayscale(50%);height:140%;right:-10px}.link-icon-container{width:45px;height:45px;box-shadow:none;border-width:2px}.interactive-blob{filter:blur(30px);width:300px;height:300px}}.link-card-container{opacity:0;height:100%;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards slide-up;display:block}@keyframes slide-up{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(30px)}}.link-card{background-color:var(--block-bg);border:2px solid #9b59ff4d;align-items:center;width:100%;height:100%;min-height:160px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #9b59ff1a}.link-card-container:hover .link-card{box-shadow:0 8px 30px var(--glow-purple), 0 0 60px var(--glow-pink);border-color:var(--accent-color);transform:translateY(-4px)}.card-bg{background:linear-gradient(135deg, var(--accent-2), var(--accent-color));transform-origin:bottom;z-index:1;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;transform:scaleY(0)}.link-card-container:hover .card-bg{transform:scaleY(1)}.card-marquee{z-index:2;opacity:0;pointer-events:none;width:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.link-card-container:hover .card-marquee{opacity:1}.marquee-content{white-space:nowrap;color:#ffffff26;opacity:.3;font-family:Syncopate,sans-serif;font-size:6rem;font-weight:700;animation:10s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.card-content{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:relative}.text-content{flex-direction:column;gap:.5rem;display:flex}.title-text{text-transform:uppercase;color:#fff;text-shadow:2px 2px #000;font-family:Syncopate,sans-serif;font-size:2.2rem;font-weight:700;transition:color .3s;position:relative}.link-card-container:hover .title-text{color:#000;text-shadow:none}.desc-text{color:#ccc;letter-spacing:1px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;transition:color .3s}.link-card-container:hover .desc-text{color:#222}.icon-wrapper{color:#ffffff80;background-color:#0f0c1ecc;border:2px solid #9b59ff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 2px 10px #9b59ff1a}.link-card-container:hover .icon-wrapper{background:linear-gradient(135deg, var(--accent-2), var(--accent-color));color:#fff;box-shadow:0 4px 15px var(--glow-pink);border-color:#0000}.arrow-svg{width:30px;height:30px;transition:all .3s}.link-card-container:hover .arrow-svg{transform:rotate(45deg)}.card-mascot{opacity:.1;filter:grayscale();pointer-events:none;z-index:5;height:160%;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-40px;right:5%}.link-card-container:hover .card-mascot{opacity:.9;filter:grayscale(0%);right:10%;transform:scale(1.15)rotate(-5deg)}@media (width<=768px){.link-card{border-width:3px;min-height:110px}.card-content{padding:1.25rem 1rem}.title-text{font-size:1.5rem}.desc-text{font-size:.85rem}.icon-wrapper{border-width:2px;width:45px;height:45px}.card-mascot{height:140%;right:-15%}}.widget{background-color:var(--block-bg);border:2px solid #9b59ff4d;border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #9b59ff1a}.widget:hover{box-shadow:0 8px 30px var(--glow-purple), 0 0 40px var(--glow-pink);border-color:var(--accent-3);transform:translateY(-4px)}.terminal-widget:hover{box-shadow:0 8px 30px var(--glow-purple);border-color:var(--accent-2)}.widget-header{text-transform:uppercase;letter-spacing:2px;color:#ffffff80;border-bottom:1px solid #9b59ff33;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;display:flex}.status-dot{background-color:var(--accent-color);width:8px;height:8px;box-shadow:0 0 8px var(--accent-color);border-radius:50%}.status-dot.blink{animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.terminal-content{color:var(--accent-2);flex-direction:column;flex:1;gap:.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex;overflow-y:auto}.terminal-content::-webkit-scrollbar{width:4px}.terminal-content::-webkit-scrollbar-track{background:0 0}.terminal-content::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:4px}.term-line{word-break:break-all}.blink-cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.time-display{color:#fff;text-shadow:0 0 20px var(--glow-purple);text-align:center;margin:auto 0;font-family:Syncopate,sans-serif;font-size:2.2rem;font-weight:700}.date-display{color:var(--accent-2);text-align:center;letter-spacing:1px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600}.app-container{flex-direction:column;align-items:center;max-width:800px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:flex}.header{text-align:center;width:100%;margin-bottom:4rem}.title{text-transform:uppercase;letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1}.subtitle{color:#888;max-width:500px;margin:0 auto;font-size:1.2rem}.links-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.link-block{background-color:var(--block-bg);border:3px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #fff3}.link-block:hover{box-shadow:10px 10px 0px var(--accent-color);border-color:var(--accent-color);transform:translate(-4px,-4px)}.link-block:active{box-shadow:0px 0px 0px var(--accent-color);transform:translate(6px,6px)}.link-content{flex-direction:column;gap:.25rem;display:flex}.link-title{text-transform:uppercase;font-size:1.5rem;font-weight:700}.link-desc{color:#aaa;font-size:1rem}.link-icon-container{background-color:var(--border-color);color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.link-block:hover .link-icon-container{background-color:var(--accent-color);color:var(--bg-color);transform:scale(1.1)rotate(-10deg)}@media (width<=600px){.title{font-size:2.5rem}.link-block{padding:1.25rem 1rem}.link-title{font-size:1.25rem}}