:root{--color-primary: #1A1128;--color-secondary: #2D1B46;--color-accent: #A855F7;--color-text-muted: #7E22CE;--color-background: #ffffff;--color-white: #ffffff;--color-error: #ff4444;--color-primary-alpha-70: rgba(26, 17, 40, .7);--color-primary-alpha-85: rgba(26, 17, 40, .85);--color-accent-alpha-05: rgba(168, 85, 247, .05);--color-accent-alpha-20: rgba(168, 85, 247, .2);--color-accent-alpha-30: rgba(168, 85, 247, .3);--color-accent-alpha-60: rgba(168, 85, 247, .6);--color-secondary-alpha-30: rgba(45, 27, 70, .3);--color-background-alpha-95: rgba(255, 255, 255, .95);--color-background-alpha-98: rgba(255, 255, 255, .98);--color-black-alpha-05: rgba(0, 0, 0, .05);--color-black-alpha-70: rgba(0, 0, 0, .7);--color-muted-alpha-10: rgba(120, 125, 135, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-full: 50%;--shadow-sm: 0 1px 3px rgba(33, 43, 56, .1);--shadow-md: 0 4px 6px rgba(33, 43, 56, .15);--shadow-lg: 0 10px 20px rgba(33, 43, 56, .2);--shadow-xl: 0 20px 40px rgba(33, 43, 56, .3);--shadow-accent: 0 0 20px rgba(84, 225, 242, .6);--shadow-card: 0 8px 24px rgba(33, 43, 56, .2), 0 2px 8px rgba(84, 225, 242, .15);--shadow-card-hover: 0 20px 50px rgba(33, 43, 56, .3), 0 5px 15px rgba(84, 225, 242, .25);--shadow-avatar: 0 10px 30px rgba(33, 43, 56, .3), 0 3px 10px rgba(84, 225, 242, .2);--shadow-avatar-hover: 0 20px 50px rgba(33, 43, 56, .4), 0 8px 20px rgba(84, 225, 242, .3);--shadow-description: 0 10px 30px rgba(33, 43, 56, .25), 0 3px 10px rgba(84, 225, 242, .15);--shadow-hobbie: 0 8px 24px rgba(33, 43, 56, .18), 0 2px 8px rgba(84, 225, 242, .12);--shadow-hobbie-hover: 0 20px 50px rgba(33, 43, 56, .28), 0 8px 20px rgba(84, 225, 242, .2);--shadow-modal: 0 25px 70px rgba(33, 43, 56, .4), 0 10px 30px rgba(84, 225, 242, .2);--shadow-slider: 0 10px 30px rgba(33, 43, 56, .25), 0 3px 10px rgba(84, 225, 242, .15);--shadow-btn-hover: 0 4px 12px rgba(84, 225, 242, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--border-thin: 2px;--border-medium: 3px}.dar{--color-primary: #E6E7EA;--color-secondary: #BDA7E6;--color-accent: #A855F7;--color-text-muted: #A99AE0;--color-background: #0B0710;--color-white: #ffffff;--color-error: #ff6b6b;--color-primary-alpha-70: rgba(230, 231, 234, .7);--color-primary-alpha-85: rgba(230, 231, 234, .85);--color-accent-alpha-05: rgba(168, 85, 247, .04);--color-accent-alpha-20: rgba(168, 85, 247, .18);--color-accent-alpha-30: rgba(168, 85, 247, .28);--color-accent-alpha-60: rgba(168, 85, 247, .55);--color-secondary-alpha-30: rgba(189, 167, 230, .22);--color-background-alpha-95: rgba(11, 7, 16, .95);--color-background-alpha-98: rgba(11, 7, 16, .98);--color-black-alpha-05: rgba(255, 255, 255, .04);--color-black-alpha-70: rgba(0, 0, 0, .7);--color-muted-alpha-10: rgba(169, 166, 179, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .65);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .7);--shadow-accent: 0 0 20px rgba(168, 85, 247, .25);--shadow-card: 0 8px 24px rgba(0, 0, 0, .6), 0 2px 8px rgba(168, 85, 247, .06);--shadow-card-hover: 0 20px 50px rgba(0, 0, 0, .7), 0 5px 15px rgba(168, 85, 247, .08);--shadow-avatar: 0 10px 30px rgba(0, 0, 0, .65), 0 3px 10px rgba(168, 85, 247, .06);--shadow-avatar-hover: 0 20px 50px rgba(0, 0, 0, .75), 0 8px 20px rgba(168, 85, 247, .08);--shadow-description: 0 10px 30px rgba(0, 0, 0, .68), 0 3px 10px rgba(168, 85, 247, .05);--shadow-hobbie: 0 8px 24px rgba(0, 0, 0, .6), 0 2px 8px rgba(168, 85, 247, .04);--shadow-hobbie-hover: 0 20px 50px rgba(0, 0, 0, .7), 0 8px 20px rgba(168, 85, 247, .06);--shadow-modal: 0 25px 70px rgba(0, 0, 0, .75), 0 10px 30px rgba(168, 85, 247, .06);--shadow-slider: 0 10px 30px rgba(0, 0, 0, .68), 0 3px 10px rgba(168, 85, 247, .05);--shadow-btn-hover: 0 4px 12px rgba(168, 85, 247, .18)}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*:not(span,svg,rect,path,g){width:100%}body{width:100%;background:var(--color-background);color:var(--color-primary);scroll-behavior:smooth;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-sm);color:var(--color-primary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-secondary)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.w-80{width:80%;height:100%}.center{margin:0 auto}.vr{width:1px;height:100%;float:left;margin:auto 20px;display:flex;align-items:center;justify-content:center}.vr div{height:70%;width:auto;border-left:1px solid var(--color-text-muted);opacity:.5}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all var(--transition-base)}@media screen and (max-width: 1432px){.w-80{width:90%}}