@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}}html{font-size:var(--font-size);overflow-x:hidden;width:100%}body{font-family:Ubuntu Mono,monospace;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:20px 10px;margin:0;display:block;transition:background .5s ease;overflow-x:hidden;width:100%}.container{max-width:600px;width:100%;background:#fff;border:5px solid #000;box-shadow:12px 12px #000;padding:40px 30px;position:relative;animation:fadeInUp .8s ease-out;margin:20px auto}.marquee-container{background:#fbbf24;color:#000;border:4px solid #000;padding:12px 0;overflow:hidden;white-space:nowrap;margin-bottom:30px;box-shadow:6px 6px #000;margin-left:-30px;margin-right:-30px;width:calc(100% + 60px)}@media(max-width:768px){body{padding:5px}.container{padding:20px 12px;box-shadow:6px 6px #000;max-width:100%;border-width:3px;margin:10px 0!important}.marquee-container{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);box-shadow:4px 4px #000;padding:10px 0;border-width:3px}.logo{font-size:28px;text-shadow:3px 3px 0 #fbbf24}.profile-img{width:80px;height:80px;border:4px solid #000;box-shadow:4px 4px #fbbf24}.profile-link:hover .profile-img{box-shadow:5px 5px #fbbf24}.tagline{font-size:11px}.header>div[style*="display: flex"]{gap:8px!important;margin-top:12px!important}.header>div[style*="display: flex"] a{width:38px!important;height:38px!important;font-size:16px!important;box-shadow:3px 3px #000!important;border-width:3px!important}.header{border-bottom-width:3px;margin-bottom:20px;padding-bottom:15px}.link-item{padding:10px 12px;font-size:13px;box-shadow:4px 4px #000;border-width:3px;margin-bottom:15px}.icon{width:36px;height:36px;font-size:20px;margin-right:10px;border-radius:8px}.link-title{font-size:15px}.link-url{font-size:10px}.copy-btn{width:36px;height:36px;font-size:14px;margin-left:8px;border-width:2px;box-shadow:2px 2px #000}.decorative-box{width:16px;height:16px;border-width:3px}.box-1{top:-8px;left:-8px}.box-2{bottom:-8px;right:-8px}.lang-toggle{top:12px;right:75px;width:50px;height:28px;font-size:10px;border-width:3px;box-shadow:3px 3px #000}.theme-toggle{top:12px;right:12px;width:50px;height:28px;border-width:3px;box-shadow:3px 3px #000}.theme-toggle-circle{width:18px;height:18px;font-size:10px;top:3px;left:3px}.theme-toggle.active .theme-toggle-circle{left:26px}.toast{bottom:12px;right:12px;padding:10px 16px;font-size:11px;border-width:3px;box-shadow:3px 3px #000}.loading-logo{width:90px;height:90px;border:5px solid #000;box-shadow:5px 5px #fbbf24}.loading-text{font-size:22px;text-shadow:3px 3px 0 #fbbf24}.loading-spinner{width:40px;height:40px;border-width:4px;margin-bottom:18px}.loading-tagline{font-size:12px;padding:0 12px}.back-to-top,.share-btn,.qr-btn{width:45px;height:45px;font-size:18px;left:auto;bottom:12px;border-width:3px;box-shadow:3px 3px #000}.back-to-top{right:12px}.share-btn{right:65px}.qr-btn{right:118px}.share-content{padding:18px 15px;border-width:4px;box-shadow:8px 8px #000}.share-header{font-size:20px;margin-bottom:8px}.share-subtitle{font-size:12px;margin-bottom:18px}.share-buttons{gap:10px;margin-bottom:15px}.share-item{padding:12px 8px;border-width:3px;box-shadow:3px 3px #000}.share-icon{font-size:22px;margin-bottom:6px}.share-label{font-size:10px}.close-modal{padding:12px;font-size:14px;border-width:3px;box-shadow:3px 3px #000}.qr-image{max-width:200px;border-width:4px;box-shadow:4px 4px #000}.section-title{box-shadow:4px 4px #000;font-size:16px;padding:8px 10px;border-width:3px;margin-bottom:15px;gap:8px}.spotify-card{padding:15px;margin-bottom:15px;border-width:3px;box-shadow:4px 4px #000}.spotify-header{font-size:12px;margin-bottom:12px}.spotify-header i{font-size:16px;margin-right:8px}#spotify-album-art{width:70px;height:70px;border-width:3px;box-shadow:3px 3px #000;margin-right:12px}#spotify-song-title{font-size:16px;margin-bottom:4px}#spotify-artist-name{font-size:12px}#progress-bar-track{height:6px;border-width:2px}.spotify-time{font-size:10px;margin-top:4px}.spotify-controls{margin-top:12px;gap:12px}.spotify-control{font-size:18px}.spotify-control.main{font-size:24px;width:50px;height:50px;border-width:3px;box-shadow:3px 3px #000}.footer{margin-top:20px;padding-top:15px;border-top-width:3px;font-size:11px}}@media(max-width:480px){body{padding:12px}.container{padding:25px 15px;box-shadow:4px 4px #000;border-width:3px}.marquee-container{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);box-shadow:3px 3px #000;border-width:3px}.logo{font-size:30px;text-shadow:2px 2px 0 #fbbf24}.profile-img{width:90px;height:90px;border:4px solid #000;box-shadow:3px 3px #fbbf24}.profile-link:hover .profile-img{box-shadow:4px 4px #fbbf24}.tagline{font-size:12px}.header>div[style*="display: flex"]{gap:10px!important;margin-top:15px!important}.header>div[style*="display: flex"] a{width:40px!important;height:40px!important;font-size:18px!important;border:3px solid #000!important;box-shadow:2px 2px #000!important}.header{border-bottom-width:4px}.link-item{padding:12px 14px;box-shadow:3px 3px #000;border-width:3px}.icon{width:40px;height:40px;font-size:22px;margin-right:12px}.link-title{font-size:15px}.link-url{font-size:11px}.copy-btn{width:38px;height:38px;font-size:16px;margin-left:8px;border-width:3px;box-shadow:2px 2px #000}.back-to-top,.share-btn,.qr-btn{width:50px!important;height:50px!important;font-size:20px!important;border-width:3px!important;box-shadow:3px 3px #000!important}.back-to-top{right:15px!important;bottom:15px!important}.share-btn{right:75px!important;bottom:15px!important}.qr-btn{right:135px!important;bottom:15px!important}.lang-toggle{top:15px!important;right:80px!important;width:55px!important;height:30px!important;font-size:11px!important;border-width:3px!important;box-shadow:3px 3px #000!important}.theme-toggle{top:15px!important;right:15px!important;width:55px!important;height:30px!important;border-width:3px!important;box-shadow:3px 3px #000!important}.theme-toggle-circle{width:20px!important;height:20px!important;font-size:11px!important}.theme-toggle.active .theme-toggle-circle{left:29px!important}.section-title{box-shadow:3px 3px #000;border-width:3px;font-size:18px;padding:8px 12px}.decorative-box{width:18px;height:18px;border-width:3px}.box-1{top:-9px;left:-9px}.box-2{bottom:-9px;right:-9px}}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: rotateX(0);--tw-rotate-y: rotateY(0);--tw-rotate-z: rotateZ(0);--tw-skew-x: skewX(0);--tw-skew-y: skewY(0);--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer utilities{.fixed{position:fixed}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}:root{--font-size: 16px;--background: #fff;--foreground: oklch(.145 0 0);--card: #fff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #fff;--border: #0000001a;--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Ubuntu Mono,monospace;transition:background .5s;display:flex}@keyframes fab-fly-in{0%{opacity:0;transform:translateY(100px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.share-btn,.qr-btn{animation:.5s cubic-bezier(.175,.885,.32,1.275) backwards fab-fly-in}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{z-index:9999;background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loading-logo{object-fit:cover;border:8px solid #000;border-radius:50%;width:150px;height:150px;margin-bottom:30px;animation:1.5s ease-in-out infinite scaleUp;box-shadow:8px 8px #fbbf24}.loading-text{color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow:4px 4px #fbbf24;margin-bottom:20px;font-size:36px;font-weight:900}.loading-spinner{border:6px solid #333;border-top-color:#fbbf24;border-radius:50%;width:60px;height:60px;margin-bottom:25px;animation:1s linear infinite spin}.loading-tagline{color:#fff;text-align:center;opacity:0;max-width:500px;padding:0 20px;font-size:16px;font-weight:700;line-height:1.6;animation:1s ease-out .5s forwards fadeIn}.lang-toggle{cursor:pointer;z-index:1000;color:#fff;background:#3b82f6;border:4px solid #000;border-radius:50px;justify-content:center;align-items:center;width:70px;height:36px;font-size:14px;font-weight:900;transition:all .3s;display:flex;position:fixed;top:30px;right:115px;box-shadow:4px 4px #000}.theme-toggle{cursor:pointer;z-index:1000;background:#fbbf24;border:4px solid #000;border-radius:50px;width:70px;height:36px;transition:all .3s;position:fixed;top:30px;right:30px;box-shadow:4px 4px #000}.theme-toggle-circle{background:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:4px;left:4px}.theme-toggle.active .theme-toggle-circle{background:#fbbf24;left:38px}.container{background:#fff;border:5px solid #000;width:100%;max-width:600px;padding:40px 30px;animation:.8s ease-out fadeInUp;position:relative;box-shadow:12px 12px #000}.marquee-container{color:#000;white-space:nowrap;background:#fbbf24;border:4px solid #000;margin-bottom:30px;padding:12px 0;overflow:hidden;box-shadow:6px 6px #000}.marquee-text{text-transform:uppercase;will-change:transform;font-weight:900;animation:20s linear infinite marquee}.header{text-align:center;border-bottom:5px solid #000;margin-bottom:30px;padding-bottom:20px;animation:1s ease-out .3s backwards fadeIn}.profile-link{margin-bottom:20px;transition:transform .3s;display:inline-block}.profile-img{object-fit:cover;border:6px solid #000;border-radius:50%;width:120px;height:120px;transition:all .3s;box-shadow:6px 6px #fbbf24}.logo{color:#000;text-transform:uppercase;letter-spacing:-2px;text-shadow:4px 4px #fbbf24;margin-bottom:5px;font-size:48px;font-weight:900}.tagline{color:#666;margin-top:15px;font-size:14px;font-weight:700;line-height:1.6}.link-item{color:#000;opacity:0;background:#fbbf24;border:4px solid #000;align-items:center;margin-bottom:20px;padding:20px 25px;font-size:16px;font-weight:900;text-decoration:none;transition:all .2s,opacity .6s cubic-bezier(.175,.885,.32,1.275),transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:6px 6px #000}.link-item:active{transition:all .1s;transform:translate(6px,6px);box-shadow:0 0 #000}.link-item:hover .icon{transition:transform .2s cubic-bezier(.22,1,.36,1);transform:scale(1.1)rotate(-8deg)}.link-item.primary{color:#fff;background:#ef4444}.link-item.tertiary{color:#fff;background:#3b82f6}.link-item.social{color:#fff;background:#8b5cf6}.link-item.contact{color:#fff;background:#ec4899}.link-item.orange{color:#fff;background:#f97316}.link-item.cyan{color:#fff;background:#06b6d4}.link-item.dark{color:#fff;background:#333}.link-item.whatsapp-green{color:#fff;background:#25d366}.link-item.tiktok-black{color:#fff;background:linear-gradient(135deg,#222,#000)}.link-item.tiktok-black:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.icon{background:#0000001a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;font-size:28px;transition:transform .1s;display:flex}.link-content{flex-direction:column;flex:1;display:flex}.link-title{margin-bottom:5px;font-size:20px;font-weight:900;line-height:1.2;transition:transform .1s;display:block}.link-url{opacity:.75;word-break:break-all;font-size:13px;font-weight:600;display:block}.copy-btn{cursor:pointer;background:#0003;border:3px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;transition:all .2s;display:flex;box-shadow:3px 3px #000}.footer{text-align:center;border-top:5px solid #000;margin-top:30px;padding-top:20px;font-size:12px;font-weight:700;animation:1s ease-out 1.3s backwards fadeIn}.decorative-box{background:#fbbf24;border:4px solid #000;width:30px;height:30px;transition:transform .3s;position:absolute}.box-2{background:#ef4444;bottom:-15px;right:-15px}.toast{color:#fff;z-index:10000;opacity:0;background:#10b981;border:4px solid #000;padding:15px 25px;font-size:14px;font-weight:900;transition:all .3s;position:fixed;bottom:30px;right:30px;transform:translateY(100px);box-shadow:6px 6px #000}.back-to-top{cursor:pointer;z-index:999;opacity:0;visibility:hidden;color:#000;background:#fbbf24;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;font-weight:900;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:5px 5px #000}.share-btn{cursor:pointer;z-index:999;color:#000;background:#ec4899;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;display:flex;position:fixed;bottom:100px;right:30px;box-shadow:5px 5px #000}.share-btn:hover{transform:scale(1.1)rotate(15deg);box-shadow:6px 6px #000}.qr-btn{cursor:pointer;z-index:999;color:#000;background:#10b981;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;display:flex;position:fixed;bottom:170px;right:30px;box-shadow:5px 5px #000}.share-modal{z-index:10001;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.share-content{text-align:center;background:#fff;border:5px solid #000;width:90%;max-width:400px;padding:35px 30px;animation:.4s ease-out fadeInUp;position:relative;box-shadow:12px 12px #000}.share-header{color:#000;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:28px;font-weight:900}.share-subtitle{color:#666;text-align:center;margin-bottom:25px;font-size:14px;font-weight:700}.share-buttons{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.share-item{cursor:pointer;color:#000;background:#fbbf24;border:4px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-decoration:none;transition:all .2s;display:flex;box-shadow:4px 4px #000}.share-item.whatsapp{color:#fff;background:#10b981}.share-item.facebook{color:#fff;background:#3b82f6}.share-item.twitter{color:#fff;background:#000}.share-item.telegram{color:#fff;background:#0ea5e9}.share-icon{margin-bottom:8px;font-size:32px}.close-modal{color:#fff;cursor:pointer;background:#ef4444;border:4px solid #000;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:4px 4px #000}.download-btn{background:#3b82f6;margin-bottom:5px;text-decoration:none;display:block}.qr-image{border:5px solid #000;width:100%;max-width:250px;height:auto;margin:10px auto;display:block;box-shadow:6px 6px #000}.badge{color:#fff;z-index:2;background:#ef4444;border:3px solid #000;padding:5px 8px;font-size:12px;font-weight:900;position:absolute;top:-10px;right:-15px;transform:rotate(10deg);box-shadow:3px 3px #000}.link-item.dark .badge,.link-item.social .badge{color:#000;background:#fbbf24}.section-title{text-align:center;color:#000;opacity:0;background:#fbbf24;border:4px solid #000;justify-content:center;align-items:center;gap:10px;max-width:450px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:10px 15px;font-size:20px;font-weight:900;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(30px);box-shadow:6px 6px #000}.animate-on-scroll{opacity:0;transition:all .6s cubic-bezier(.175,.885,.32,1.275);transform:translateY(30px)}@media(width<=400px){.container{padding:30px 20px;box-shadow:8px 8px #000}.logo{text-shadow:3px 3px #fbbf24;font-size:36px}.profile-img{border:5px solid #000;width:100px;height:100px;box-shadow:4px 4px #fbbf24}.profile-link:hover .profile-img{box-shadow:5px 5px #fbbf24}.tagline{font-size:12px}.link-item{padding:15px 18px;font-size:14px;box-shadow:4px 4px #000}.icon{width:45px;height:45px;margin-right:15px;font-size:24px}.link-title{font-size:17px}.link-url{font-size:12px}.copy-btn{width:40px;height:40px;margin-left:10px;font-size:18px}.decorative-box{width:20px;height:20px}.box-1{top:-10px;left:-10px}.box-2{bottom:-10px;right:-10px}.lang-toggle{width:60px;height:32px;font-size:12px;top:20px;right:90px}.theme-toggle{width:60px;height:32px;top:20px;right:20px}.theme-toggle-circle{width:22px;height:22px;font-size:12px}.theme-toggle.active .theme-toggle-circle{left:32px}.toast{padding:12px 20px;font-size:13px;bottom:20px;right:20px}.loading-logo{border:6px solid #000;width:120px;height:120px;box-shadow:6px 6px #fbbf24}.loading-text{font-size:28px}.loading-spinner{border-width:5px;width:50px;height:50px;margin-bottom:20px}.loading-tagline{padding:0 15px;font-size:14px}.back-to-top,.share-btn,.qr-btn{width:55px;height:55px;font-size:24px;bottom:20px;left:auto}.back-to-top{right:20px}.share-btn{right:85px}.qr-btn{right:150px}.share-content{padding:25px 20px}.share-header{font-size:24px}.share-buttons{gap:12px}.share-item{padding:15px}.share-icon{font-size:28px}.share-label{font-size:12px}}@media(width<=480px){body{padding:15px}.container{padding:25px 15px}.logo{font-size:32px}.profile-img{border:4px solid #000;width:90px;height:90px;box-shadow:3px 3px #fbbf24}.profile-link:hover .profile-img{box-shadow:4px 4px #fbbf24}.link-item{padding:12px 15px}.icon{width:40px;height:40px;margin-right:12px;font-size:22px}.link-title{font-size:15px}.link-url{font-size:11px}}.spotify-card{color:#fff;border:4px solid #000;margin-bottom:20px;padding:20px;transition:background-color .3s;box-shadow:6px 6px #000}.spotify-header{opacity:.8;align-items:center;margin-bottom:15px;font-size:14px;font-weight:700;display:flex}.spotify-header i{margin-right:10px;font-size:20px}.spotify-content{align-items:center;margin-bottom:15px;display:flex}#spotify-album-art{object-fit:cover;border:4px solid #000;flex-shrink:0;width:80px;height:80px;margin-right:15px;box-shadow:4px 4px #000}.spotify-info{flex:1;min-width:0}#spotify-song-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:20px;font-weight:900;display:block;overflow:hidden}#spotify-artist-name{opacity:.8;font-size:14px;font-weight:700;display:block}#progress-bar-track{cursor:pointer;background:#0003;border:2px solid #000;width:100%;height:8px;margin-bottom:5px}#progress-bar{background:#000;width:0%;height:100%;transition:width .1s linear}.spotify-time{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.spotify-controls{justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.spotify-control{color:#fff;cursor:pointer;opacity:.8;background:none;border:none;font-size:20px;transition:all .2s}.spotify-control.main{background-color:#fff;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex;box-shadow:4px 4px #000}.spotify-control.main:active{transform:translate(3px,3px);box-shadow:1px 1px #000}@property --tw-rotate-x{syntax: "*"; inherits: false; initial-value: rotateX(0);}@property --tw-rotate-y{syntax: "*"; inherits: false; initial-value: rotateY(0);}@property --tw-rotate-z{syntax: "*"; inherits: false; initial-value: rotateZ(0);}@property --tw-skew-x{syntax: "*"; inherits: false; initial-value: skewX(0);}@property --tw-skew-y{syntax: "*"; inherits: false; initial-value: skewY(0);}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}}html{font-size:var(--font-size)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Ubuntu Mono,monospace;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center;transition:background .5s ease}body.light-mode{background:linear-gradient(135deg,#fef3c7,#fde68a)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fab-fly-in{0%{transform:translateY(100px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.share-btn,.qr-btn{animation:fab-fly-in .5s cubic-bezier(.175,.885,.32,1.275) backwards}.share-btn{animation-delay:1.5s}.qr-btn{animation-delay:1.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleUp{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo{width:150px;height:150px;border-radius:50%;border:8px solid #000;box-shadow:8px 8px #fbbf24;margin-bottom:30px;animation:scaleUp 1.5s ease-in-out infinite;object-fit:cover}.loading-text{font-size:36px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow:4px 4px 0 #fbbf24;margin-bottom:20px}.loading-spinner{width:60px;height:60px;border:6px solid #333;border-top:6px solid #fbbf24;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:25px}.loading-tagline{font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:1.6;max-width:500px;padding:0 20px;opacity:0;animation:fadeIn 1s ease-out .5s forwards}.lang-toggle{position:fixed;top:30px;right:115px;width:70px;height:36px;background:#3b82f6;border:4px solid #000;border-radius:50px;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:4px 4px #000;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.lang-toggle:hover{transform:translateY(-2px);box-shadow:5px 5px #000}.lang-toggle:active{transform:translateY(2px);box-shadow:2px 2px #000}.theme-toggle{position:fixed;top:30px;right:30px;width:70px;height:36px;background:#fbbf24;border:4px solid #000;border-radius:50px;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:4px 4px #000}.theme-toggle:hover{transform:translateY(-2px);box-shadow:5px 5px #000}.theme-toggle:active{transform:translateY(2px);box-shadow:2px 2px #000}.theme-toggle-circle{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#000;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.theme-toggle.active{background:#000}.theme-toggle.active .theme-toggle-circle{left:38px;background:#fbbf24}.container{max-width:600px;width:100%;background:#fff;border:5px solid #000;box-shadow:12px 12px #000;padding:40px 30px;position:relative;animation:fadeInUp .8s ease-out}.marquee-container{background:#fbbf24;color:#000;border:4px solid #000;padding:12px 0;overflow:hidden;white-space:nowrap;margin-bottom:30px;box-shadow:6px 6px #000}.marquee-text{font-weight:900;text-transform:uppercase;animation:marquee 20s linear infinite;will-change:transform}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:5px solid #000;animation:fadeIn 1s ease-out .3s backwards}.profile-link{display:inline-block;margin-bottom:20px;transition:transform .3s ease}.profile-link:hover{transform:scale(1.05)}.profile-img{width:120px;height:120px;border-radius:50%;border:6px solid #000;box-shadow:6px 6px #fbbf24;object-fit:cover;transition:all .3s ease}.profile-link:hover .profile-img{box-shadow:8px 8px #fbbf24}.profile-link:active .profile-img{transform:scale(.95);box-shadow:3px 3px #fbbf24}.logo{font-size:48px;font-weight:900;color:#000;text-transform:uppercase;letter-spacing:-2px;margin-bottom:5px;text-shadow:4px 4px 0 #fbbf24}.tagline{font-size:14px;font-weight:700;color:#666;line-height:1.6;margin-top:15px}.link-item{display:flex;align-items:center;background:#fbbf24;border:4px solid #000;padding:20px 25px;margin-bottom:20px;text-decoration:none;color:#000;font-weight:900;font-size:16px;transition:all .2s ease,opacity .6s cubic-bezier(.175,.885,.32,1.275),transform .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:6px 6px #000;position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.link-item.is-visible{opacity:1;transform:translateY(0)}.link-item:hover{transform:translate(3px,3px);box-shadow:3px 3px #000}.link-item:active{transform:translate(6px,6px);box-shadow:0 0 #000;transition:all .1s ease}.link-item:hover .icon{transform:scale(1.1) rotate(-8deg);transition:transform .2s cubic-bezier(.22,1,.36,1)}.link-item:active .icon{transform:scale(.9)}.link-item:active .link-title{transform:translate(2px)}.link-item.primary{background:#ef4444;color:#fff}.link-item.secondary{background:#10b981}.link-item.tertiary{background:#3b82f6;color:#fff}.link-item.social{background:#8b5cf6;color:#fff}.link-item.contact{background:#ec4899;color:#fff}.link-item.orange{background:#f97316;color:#fff}.link-item.cyan{background:#06b6d4;color:#fff}.link-item.dark{background:#333;color:#fff}.link-item.whatsapp-green{background:#25d366;color:#fff}.link-item.tiktok-black{background:linear-gradient(135deg,#222,#000);color:#fff}.link-item.tiktok-black .icon{background-color:#ffffff1a}.link-item.tiktok-black:hover{box-shadow:0 8px 25px #0006;transform:translateY(-4px)}.icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-right:20px;background:#0000001a;border-radius:12px;transition:transform .1s ease}.link-content{flex:1;display:flex;flex-direction:column}.link-title{display:block;margin-bottom:5px;font-size:20px;font-weight:900;line-height:1.2;transition:transform .1s ease}.link-url{display:block;font-size:13px;opacity:.75;font-weight:600;word-break:break-all}.copy-btn{width:45px;height:45px;background:#0003;border:3px solid #000;box-shadow:3px 3px #000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;flex-shrink:0;transition:all .2s ease}.copy-btn:hover{background:#0000004d;transform:translate(1px,1px);box-shadow:2px 2px #000}.copy-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.footer{text-align:center;margin-top:30px;padding-top:20px;border-top:5px solid #000;font-weight:700;font-size:12px;animation:fadeIn 1s ease-out 1.3s backwards}.decorative-box{position:absolute;width:30px;height:30px;border:4px solid #000;background:#fbbf24;transition:transform .3s ease}.container:active .decorative-box{transform:rotate(90deg)}.box-1{top:-15px;left:-15px}.box-2{bottom:-15px;right:-15px;background:#ef4444}.toast{position:fixed;bottom:30px;right:30px;background:#10b981;color:#fff;padding:15px 25px;border:4px solid #000;box-shadow:6px 6px #000;font-weight:900;font-size:14px;z-index:10000;opacity:0;transform:translateY(100px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}.back-to-top{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#fbbf24;border:4px solid #000;border-radius:50%;box-shadow:5px 5px #000;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;color:#000;font-weight:900}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-5px);box-shadow:5px 8px #000}.back-to-top:active{transform:translateY(-2px);box-shadow:3px 3px #000}.share-btn{position:fixed;bottom:100px;right:30px;width:60px;height:60px;background:#ec4899;border:4px solid #000;border-radius:50%;box-shadow:5px 5px #000;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:999;transition:all .3s ease;color:#000}.share-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:6px 6px #000}.share-btn:active{transform:scale(.95);box-shadow:3px 3px #000}.qr-btn{position:fixed;bottom:170px;right:30px;width:60px;height:60px;background:#10b981;border:4px solid #000;border-radius:50%;box-shadow:5px 5px #000;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;z-index:999;transition:all .3s ease;color:#000}.qr-btn:hover{transform:translateY(-5px);box-shadow:5px 8px #000}.qr-btn:active{transform:translateY(-2px);box-shadow:3px 3px #000}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;opacity:0;visibility:hidden;transition:all .3s ease}.share-modal.show{opacity:1;visibility:visible}.share-content{background:#fff;border:5px solid #000;box-shadow:12px 12px #000;padding:35px 30px;max-width:400px;width:90%;position:relative;animation:fadeInUp .4s ease-out;text-align:center}.share-header{font-size:28px;font-weight:900;color:#000;margin-bottom:10px;text-transform:uppercase;text-align:center}.share-subtitle{font-size:14px;color:#666;margin-bottom:25px;font-weight:700;text-align:center}.share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.share-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fbbf24;border:4px solid #000;box-shadow:4px 4px #000;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#000}.share-item:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.share-item:active{transform:translate(4px,4px);box-shadow:0 0 #000}.share-item.whatsapp{background:#10b981;color:#fff}.share-item.facebook{background:#3b82f6;color:#fff}.share-item.twitter{background:#000;color:#fff}.share-item.telegram{background:#0ea5e9;color:#fff}.share-icon{font-size:32px;margin-bottom:8px}.share-label{font-size:13px;font-weight:900}.close-modal{width:100%;padding:15px;background:#ef4444;border:4px solid #000;box-shadow:4px 4px #000;color:#fff;font-weight:900;font-size:16px;cursor:pointer;transition:all .2s ease;margin-top:10px}.close-modal:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.close-modal:active{transform:translate(4px,4px);box-shadow:0 0 #000}.download-btn{display:block;background:#3b82f6;text-decoration:none;margin-bottom:5px}.qr-image{width:100%;max-width:250px;height:auto;border:5px solid #000;box-shadow:6px 6px #000;margin:10px auto;display:block}.link-item:focus-visible,.copy-btn:focus-visible,.theme-toggle:focus-visible,.lang-toggle:focus-visible,.back-to-top:focus-visible,.share-btn:focus-visible,.qr-btn:focus-visible,.share-item:focus-visible,.close-modal:focus-visible,.profile-link:focus-visible{outline:none;box-shadow:0 0 0 4px #fff,0 0 0 8px #3b82f6}.link-item:focus-visible .copy-btn:focus-visible{box-shadow:none}.badge{position:absolute;top:-10px;right:-15px;background:#ef4444;color:#fff;font-size:12px;font-weight:900;padding:5px 8px;border:3px solid #000;box-shadow:3px 3px #000;transform:rotate(10deg);z-index:2}.link-item.dark .badge,.link-item.social .badge{background:#fbbf24;color:#000}.section-title{font-size:20px;font-weight:900;text-align:center;color:#000;background:#fbbf24;border:4px solid #000;box-shadow:6px 6px #000;padding:10px 15px;margin-bottom:20px;max-width:450px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:10px}.section-title.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.container{padding:30px 20px;box-shadow:8px 8px #000}.logo{font-size:36px;text-shadow:3px 3px 0 #fbbf24}.profile-img{width:100px;height:100px;border:5px solid #000;box-shadow:4px 4px #fbbf24}.profile-link:hover .profile-img{box-shadow:5px 5px #fbbf24}.tagline{font-size:12px}.link-item{padding:15px 18px;font-size:14px;box-shadow:4px 4px #000}.icon{width:45px;height:45px;font-size:24px;margin-right:15px}.link-title{font-size:17px}.link-url{font-size:12px}.copy-btn{width:40px;height:40px;font-size:18px;margin-left:10px}.decorative-box{width:20px;height:20px}.box-1{top:-10px;left:-10px}.box-2{bottom:-10px;right:-10px}.lang-toggle{top:20px;right:90px;width:60px;height:32px;font-size:12px}.theme-toggle{top:20px;right:20px;width:60px;height:32px}.theme-toggle-circle{width:22px;height:22px;font-size:12px}.theme-toggle.active .theme-toggle-circle{left:32px}.toast{bottom:20px;right:20px;padding:12px 20px;font-size:13px}.loading-logo{width:120px;height:120px;border:6px solid #000;box-shadow:6px 6px #fbbf24}.loading-text{font-size:28px}.loading-spinner{width:50px;height:50px;border-width:5px;margin-bottom:20px}.loading-tagline{font-size:14px;padding:0 15px}.back-to-top,.share-btn,.qr-btn{width:55px;height:55px;font-size:24px;left:auto;bottom:20px}.back-to-top{right:20px}.share-btn{right:85px}.qr-btn{right:150px}.share-content{padding:25px 20px}.share-header{font-size:24px}.share-buttons{gap:12px}.share-item{padding:15px}.share-icon{font-size:28px}.share-label{font-size:12px}}@media(max-width:480px){body{padding:15px}.container{padding:25px 15px}.logo{font-size:32px}.profile-img{width:90px;height:90px;border:4px solid #000;box-shadow:3px 3px #fbbf24}.profile-link:hover .profile-img{box-shadow:4px 4px #fbbf24}.link-item{padding:12px 15px}.icon{width:40px;height:40px;font-size:22px;margin-right:12px}.link-title{font-size:15px}.link-url{font-size:11px}}.link-item.tiktok-black .copy-btn,.link-item.dark .copy-btn{color:#fff;background-color:#ffffff1a}.link-item.tiktok-black .copy-btn:hover,.link-item.dark .copy-btn:hover{background-color:#fff3}.spotify-card{color:#fff;padding:20px;margin-bottom:20px;border:4px solid #000;box-shadow:6px 6px #000;transition:background-color .3s ease}.spotify-header{display:flex;align-items:center;font-size:14px;font-weight:700;opacity:.8;margin-bottom:15px}.spotify-header i{font-size:20px;margin-right:10px}.spotify-content{display:flex;align-items:center;margin-bottom:15px}#spotify-album-art{width:80px;height:80px;border:4px solid #000;box-shadow:4px 4px #000;margin-right:15px;flex-shrink:0;object-fit:cover}.spotify-info{min-width:0;flex:1}#spotify-song-title{display:block;font-size:20px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}#spotify-artist-name{font-size:14px;font-weight:700;opacity:.8;display:block}.spotify-progress{width:100%;margin-bottom:5px}#progress-bar-track{width:100%;height:8px;background:#0003;border:2px solid #000;cursor:pointer;margin-bottom:5px}#progress-bar{width:0%;height:100%;background:#000;transition:width .1s linear}.spotify-time{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.spotify-controls{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:15px}.spotify-control{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease;opacity:.8}.spotify-control:hover{opacity:1;transform:scale(1.1)}.spotify-control.main{font-size:30px;width:60px;height:60px;border-radius:50%;background-color:#fff;border:4px solid #000;box-shadow:4px 4px #000;display:flex;align-items:center;justify-content:center}.spotify-control.main:active{box-shadow:1px 1px #000;transform:translate(3px,3px)}.spotify-theme{background-color:#1db954}.spotify-theme .spotify-control.main{color:#1db954}.youtube-theme{background-color:#cd201f}.youtube-theme .spotify-control.main{color:#cd201f}
