*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:var(--bg-gradient);font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}@supports (height:100svh){body{min-height:100svh}}.content{display:grid;min-height:100vh;min-height:100dvh;padding:20px;place-items:center;position:relative;width:100%;z-index:1}@supports (padding:max(0px)){.content{padding-block-end:max(20px,env(safe-area-inset-bottom,0px));padding-block-start:max(20px,env(safe-area-inset-top,0px));--side-padding:max(20px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));padding-inline:var(--side-padding)}}@supports (height:100svh){.content{min-height:100svh}}.background{height:100%;inset:0;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:0}.bubble{animation:rise linear infinite;background:var(--bubble-bg);border-radius:50%;bottom:-100px;box-shadow:var(--bubble-shadow);opacity:var(--bubble-opacity);position:absolute}@media (prefers-reduced-motion:reduce){.bubble{animation:none}}@keyframes rise{to{bottom:110%;transform:translateX(var(--drift)) scale(.8)}}.fish{animation:swim linear infinite;font-size:40px;left:-75px;position:absolute;z-index:0}@media (prefers-reduced-motion:reduce){.fish{animation:none;display:none}}@keyframes swim{0%{left:-100px;transform:scaleX(1)}48%{transform:scaleX(1)}52%{transform:scaleX(-1)}to{left:calc(100% + 100px);transform:scaleX(-1)}}.seaweed{animation:sway 3s ease-in-out infinite;background:var(--seaweed-gradient);border-radius:15px 15px 0 0;bottom:0;height:150px;position:absolute;transform-origin:bottom;width:30px}@media (prefers-reduced-motion:reduce){.seaweed{animation:none}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.container{backdrop-filter:blur(12px);background:var(--container-bg);border:3px solid var(--container-border);border-radius:40px;box-shadow:var(--container-shadow);max-width:600px;padding:45px 35px;position:relative;width:100%;z-index:1}.profile{margin-bottom:35px;text-align:center}.profile-icon{animation:bob 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));font-size:90px;margin-bottom:15px}@media (prefers-reduced-motion:reduce){.profile-icon{animation:none}}@keyframes bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.profile h1{color:var(--text-primary);font-size:38px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-shadow:var(--text-shadow)}.profile p{color:var(--text-secondary);font-size:18px;text-shadow:var(--text-shadow-light)}.links{display:flex;flex-direction:column;gap:18px}.link-item{background:var(--link-gradient);border:3px solid var(--link-border);border-radius:25px;box-shadow:var(--link-shadow);color:var(--text-primary);display:block;font-size:18px;font-weight:700;overflow:hidden;padding:22px 30px;position:relative;text-align:center;text-decoration:none;text-shadow:var(--text-shadow-light);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.link-item:before{background:var(--link-shine);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s;width:200%}.link-item:hover:before{opacity:1}.link-item:hover{box-shadow:var(--link-shadow-hover);transform:translateY(-8px) scale(1.05) rotate(-1deg)}.link-item:active{transform:translateY(-3px) scale(1.02)}.ribbon{animation:ribbonBounce 2s ease-in-out infinite;background:var(--ribbon-gradient);border:2px solid var(--ribbon-border);border-radius:8px;box-shadow:var(--ribbon-shadow);color:#fff;font-size:12px;font-weight:900;letter-spacing:.5px;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:-5px;z-index:10}@media (prefers-reduced-motion:reduce){.ribbon{animation:none}}@keyframes ribbonBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}.footer{color:var(--text-secondary);font-size:16px;margin-top:35px;text-align:center;text-shadow:var(--text-shadow-light)}.footer p{animation:wiggle 2s linear infinite;display:inline-block}@media (prefers-reduced-motion:reduce){.footer p{animation:none}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width:640px){.container{padding:35px 25px}.profile h1{font-size:32px}.link-item{font-size:16px;padding:18px 25px}}@media (prefers-color-scheme:light){:root{--bg-gradient:linear-gradient(180deg,#1e3a8a,#3b82f6 30%,#06b6d4 60%,#14b8a6);--container-bg:hsla(0,0%,100%,.15);--container-border:hsla(0,0%,100%,.4);--container-shadow:0 25px 80px rgba(0,0,0,.3),inset 0 0 30px hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.95);--text-shadow:3px 3px 6px rgba(0,0,0,.3);--text-shadow-light:2px 2px 4px rgba(0,0,0,.2);--link-gradient:linear-gradient(135deg,#06b6d4,#3b82f6 50%,#8b5cf6);--link-border:hsla(0,0%,100%,.5);--link-shadow:0 6px 20px rgba(6,182,212,.5),inset 0 -3px 8px rgba(0,0,0,.2);--link-shadow-hover:0 12px 35px rgba(6,182,212,.7),inset 0 -3px 8px rgba(0,0,0,.2);--link-shine:radial-gradient(circle,hsla(0,0%,100%,.5) 0%,transparent 70%);--seaweed-gradient:linear-gradient(0deg,#065f46,#10b981);--bubble-bg:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,.3));--bubble-shadow:inset 0 0 20px hsla(0,0%,100%,.5);--bubble-opacity:0.6;--ribbon-gradient:linear-gradient(135deg,#fbbf24,#f59e0b);--ribbon-shadow:0 3px 10px rgba(251,191,36,.6),inset 0 -2px 5px rgba(0,0,0,.2);--ribbon-border:hsla(0,0%,100%,.6)}}@media (prefers-color-scheme:dark){:root{--bg-gradient:linear-gradient(180deg,#0a0f1a,#0f172a 25%,#1e3a5f 55%,#134e4a);--container-bg:rgba(30,58,95,.25);--container-border:rgba(96,165,250,.15);--container-shadow:0 25px 80px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.08),inset 0 0 30px rgba(96,165,250,.03);--text-primary:#f0f9ff;--text-secondary:rgba(224,242,254,.9);--text-shadow:2px 2px 8px rgba(0,0,0,.7);--text-shadow-light:1px 1px 6px rgba(0,0,0,.5);--link-gradient:linear-gradient(135deg,#0891b2,#2563eb 55%,#4f46e5);--link-border:rgba(147,197,253,.4);--link-shadow:0 8px 30px rgba(37,99,235,.4),0 4px 15px rgba(79,70,229,.2),inset 0 1px 0 hsla(0,0%,100%,.1);--link-shadow-hover:0 15px 50px rgba(37,99,235,.5),0 8px 25px rgba(79,70,229,.3),inset 0 1px 0 hsla(0,0%,100%,.15);--link-shine:radial-gradient(circle,rgba(191,219,254,.3) 0%,transparent 70%);--seaweed-gradient:linear-gradient(0deg,#064e3b,#059669);--bubble-bg:radial-gradient(circle at 30% 30%,rgba(147,197,253,.3),rgba(59,130,246,.1));--bubble-shadow:inset 0 0 20px rgba(96,165,250,.2);--bubble-opacity:0.5;--ribbon-gradient:linear-gradient(135deg,#fbbf24,#f59e0b);--ribbon-shadow:0 3px 12px rgba(251,191,36,.6),inset 0 -2px 5px rgba(0,0,0,.3);--ribbon-border:rgba(253,224,71,.6)}}