@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(45deg,#ff6ec4,#7873f5,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;font-family:Comic Neue,Comic Sans MS,cursive;color:#000;overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:900px;width:100%;background:#fff;border:5px ridge #ff00ff;box-shadow:0 0 30px #00000080;padding:0;margin:0}header{background:linear-gradient(to bottom,#00f,#0ff);padding:20px;border-bottom:5px solid #ffff00;text-align:center}header h1{color:#ff0;font-size:2.5em;text-shadow:3px 3px 0 #ff00ff,6px 6px 0 #00ff00;animation:rainbow 3s infinite,bounce 2s ease-in-out infinite;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:15px}.sparkle{width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainbow{0%{color:#ff0}20%{color:#f0f}40%{color:#0ff}60%{color:#0f0}80%{color:red}to{color:#ff0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}marquee{background:#ff0;padding:10px;font-weight:700;font-size:1.2em;color:red;border:3px dashed #000;margin-top:10px;animation:flashBorder 1s infinite}@keyframes flashBorder{0%,to{border-color:#000}50%{border-color:red}}main{padding:30px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23ffffff" width="100" height="100"/><circle cx="50" cy="50" r="2" fill="%23e0e0e0"/></svg>')}h2{color:#00f;font-size:2em;text-decoration:underline;margin:20px 0 15px;text-shadow:2px 2px #ffff00;text-align:center;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}h3{color:red;font-size:1.5em;text-decoration:underline wavy;text-align:center}p{font-size:1.1em;line-height:1.6;margin:10px 0}.intro{font-weight:700;color:#f0f;font-size:1.3em}.old-timer-note{margin-top:20px;padding:15px;background:linear-gradient(to right,gold,#ffed4e,gold);border:3px double #ff00ff;border-radius:5px;font-size:.95em;color:#000;animation:nostalgiaGlow 3s ease-in-out infinite}.old-timer-note em{font-style:italic;color:#00f}@keyframes nostalgiaGlow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ff00ff4d}}strong{color:red;font-weight:700;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 5px #ff0000}50%{text-shadow:0 0 20px #ff0000,0 0 30px #ff0000}}blink{animation:blink 1s infinite;color:red;font-weight:700;font-size:1.2em}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.welcome-section,.disc-section,.ananci-section,.paint-section,.memories-section,.farewell-section{background:#ffffffe6;border:3px solid #0000ff;padding:20px;margin:20px 0;box-shadow:5px 5px #f0f}.ananci-highlight{background:linear-gradient(to right,#9b59b6,gold);border:3px solid #6b3a8c;padding:15px;margin:20px 0;border-radius:10px;box-shadow:5px 5px #6b3a8c4d;animation:pulse 3s ease-in-out infinite}.ananci-highlight p{margin:0;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.disclaimer-box{background:#ff0;border:5px solid #ff0000;padding:20px;margin:30px 0;box-shadow:8px 8px #ff00004d;animation:attention 3s ease-in-out infinite}@keyframes attention{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.disclaimer-box h3{margin-top:0}.disclaimer-box marquee{background:red;color:#ff0;padding:10px;margin:15px 0;border:3px solid #000;font-weight:700}.disclaimer-text{background:#fff;padding:10px;margin:10px 0;border:2px solid #000;box-shadow:3px 3px #000}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.photo-placeholder{border:5px ridge gold;padding:10px;background:linear-gradient(45deg,gold,#ffed4e);transform:rotate(-2deg);transition:transform .3s;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}.photo-placeholder:hover{transform:rotate(2deg) scale(1.05)}.photo-placeholder:nth-child(2n){transform:rotate(2deg);animation:floatAlt 4s ease-in-out infinite}@keyframes floatAlt{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}.photo-placeholder:nth-child(2n):hover{transform:rotate(-2deg) scale(1.05)}.photo-frame{background:#fff;padding:20px;text-align:center;border:2px solid #000}.photo-frame p:first-child{font-size:4em;margin:20px 0}.reunion-photo{max-width:100%;height:auto;border:3px solid #000;margin:10px 0;box-shadow:5px 5px #0000004d}.caption{font-weight:700;color:#00f;margin:10px 0}.date{font-size:.9em;color:#666;font-style:italic}.paint-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:30px 0}.paint-frame{background:linear-gradient(135deg,gold,#ffed4e);border:5px dashed #ff0000;padding:15px;transform:rotate(-1deg);transition:all .3s ease;box-shadow:8px 8px #0003}.paint-frame:hover{transform:rotate(1deg) scale(1.02);box-shadow:12px 12px #0000004d}.paint-frame:nth-child(2n){transform:rotate(1deg);background:linear-gradient(135deg,#ffed4e,gold)}.paint-frame:nth-child(2n):hover{transform:rotate(-1deg) scale(1.02)}.paint-caption{background:#fff;padding:15px;margin-top:10px;border:3px solid #000;box-shadow:3px 3px #000}.paint-caption em{color:#f0f;font-size:.95em}.memories-list{list-style:none;padding:0}.memories-list li{background:linear-gradient(to right,#ff0,#0ff);border:2px solid #ff00ff;padding:15px;margin:10px 0;border-radius:0;box-shadow:3px 3px #000;font-size:1.1em;animation:slideIn .5s ease-out}.memories-list li:hover{transform:translate(10px);background:linear-gradient(to right,#0ff,#ff0)}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.signature{font-size:1.3em;color:#00f;margin-top:20px;font-family:Brush Script MT,cursive}.signature em{color:#f0f;font-size:.9em}footer{background:linear-gradient(to top,navy,#00f);color:#ff0;padding:20px;text-align:center;border-top:5px solid #00ff00}.counters-wrapper{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}.visitor-counter{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.2em;background:#fff;color:#000;padding:10px;border:3px solid #ff0000;animation:shake 5s ease-in-out infinite}.studieschuld-counter{background:linear-gradient(to right,red,#f66);color:#fff;padding:15px;border:3px solid #ffff00;border-radius:10px;box-shadow:0 0 20px #ff000080;animation:debtPulse 2s ease-in-out infinite}.studieschuld-counter p{margin:5px 0;font-weight:700}.debt-note{font-size:.85em;font-style:italic;color:#ff0}@keyframes debtPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ff000080}50%{transform:scale(1.03);box-shadow:0 0 30px #f00c}}@keyframes shake{0%,90%,to{transform:translate(0)}92%,96%{transform:translate(-3px)}94%,98%{transform:translate(3px)}}.counter-number{color:red;font-weight:700;font-size:1.3em;animation:countUp 2s infinite}@keyframes countUp{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-text{margin:10px 0;font-size:.9em}.sponsor-section{margin:25px 0;padding:20px;background:#fff;border:3px dashed #ff00ff;border-radius:10px;box-shadow:5px 5px #ff00ff4d;animation:sparkle 4s ease-in-out infinite}@keyframes sparkle{0%,to{box-shadow:5px 5px #ff00ff4d}50%{box-shadow:5px 5px 15px #f0f9,0 0 20px #f0f6}}.sponsor-text{font-size:1em;margin-bottom:10px;color:#00f;font-weight:700}.sponsor-logo{margin:15px 0}.sponsor-logo img{max-width:200px;height:auto;filter:drop-shadow(3px 3px 5px rgba(0,0,0,.3))}.sponsor-tagline{font-size:.9em;color:#f0f;margin-top:10px;font-style:italic;font-weight:700}.webring{margin-top:15px;font-size:1.1em}.webring a{color:#0f0;text-decoration:none;margin:0 10px;font-weight:700}.webring a:hover{color:#ff0;text-decoration:underline}.hack-link{margin-top:20px;font-size:1em;animation:hackBlink 1.5s infinite}.hack-link a{color:red;text-decoration:none;font-weight:700;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 2s linear infinite;padding:5px;border:2px dashed #00ff00;display:inline-block;background-size:200% 100%}.hack-link a:hover{transform:scale(1.1);animation:hackShake .3s infinite}@keyframes hackBlink{0%,to{opacity:1}50%{opacity:.7}}@keyframes hackShake{0%,to{transform:rotate(0) scale(1.1)}25%{transform:rotate(-2deg) scale(1.1)}75%{transform:rotate(2deg) scale(1.1)}}.made-by{margin:20px 0;padding:15px;background:linear-gradient(45deg,#f0f,#0ff);border:3px double #ffff00;border-radius:5px;animation:madeByGlow 3s ease-in-out infinite}.made-by p{margin:5px 0;font-size:.95em;color:#000;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8)}@keyframes madeByGlow{0%,to{box-shadow:0 0 10px #ff00ff80}50%{box-shadow:0 0 25px #f0fc,0 0 35px #0ff9}}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:9999;animation:confettiFall linear forwards;pointer-events:none}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes construction{0%{background-position:0 0}to{background-position:40px 40px}}@media(max-width:768px){header h1{font-size:1.8em}.sparkle{width:30px;height:30px}.photo-gallery,.paint-gallery{grid-template-columns:1fr}}