:root{--hogwarts-green-dark:#1a472a;--hogwarts-green:#2a623d;--hogwarts-green-light:#3d8b57;--hogwarts-silver:#aaa;--hogwarts-gold:#c4a747;--hogwarts-gold-light:#d4b85f;--hogwarts-gold-dark:#8b7535;--hogwarts-bg-dark:#0d0d0d;--hogwarts-bg-medium:#1a1a1a;--hogwarts-bg-light:#2a2a2a;--parchment-light:#f4e8d1;--parchment:#e8dcc4;--parchment-dark:#d4c8a8;--text-gold:#c4a747;--text-silver:#ccc;--text-white:#f0f0f0}.hogwarts-page{background:radial-gradient(ellipse at center,var(--hogwarts-bg-medium)0%,var(--hogwarts-bg-dark)100%);min-height:100vh;color:var(--text-white);font-family:Cinzel,serif;overflow-x:hidden}.hogwarts-title{letter-spacing:.1em;text-transform:uppercase;font-family:Cinzel,serif;font-weight:600}.hogwarts-text{font-family:Crimson Text,serif;line-height:1.6}.diamond-menu{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:20px;max-width:900px;margin:0 auto;padding:40px;display:grid}.diamond-card{cursor:pointer;width:120px;height:120px;transition:all .3s;position:relative;transform:rotate(45deg)}.diamond-card:hover{transform:rotate(45deg)scale(1.1)}.diamond-card-inner{background:linear-gradient(135deg,var(--hogwarts-bg-light)0%,var(--hogwarts-bg-medium)100%);border:2px solid var(--hogwarts-gold-dark);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 20px #c4a7471a,0 0 15px #00000080}.diamond-card:hover .diamond-card-inner{border-color:var(--hogwarts-gold);box-shadow:inset 0 0 30px #c4a74733,0 0 25px #c4a7474d}.diamond-card-content{flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex;position:absolute;inset:0;transform:rotate(-45deg)}.diamond-card-icon{opacity:.9;width:40px;height:40px;margin-bottom:8px}.diamond-card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--hogwarts-gold);text-align:center;font-size:10px;font-weight:600}.center-badge{grid-area:2/3;place-self:center;width:180px;height:180px}.center-badge .diamond-card-inner{background:linear-gradient(135deg,var(--hogwarts-green-dark)0%,var(--hogwarts-green)100%);border:3px solid var(--hogwarts-gold)}.parchment-modal{background:linear-gradient(135deg,var(--parchment-light)0%,var(--parchment)50%,var(--parchment-dark)100%);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 0 100px #8b75351a}.parchment-modal:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.parchment-header{background:linear-gradient(90deg,transparent,var(--hogwarts-gold-dark),transparent);text-align:center;padding:20px}.parchment-title{color:var(--hogwarts-bg-dark);text-transform:uppercase;letter-spacing:.15em;font-family:Cinzel,serif;font-size:24px;font-weight:700}.parchment-content{color:var(--hogwarts-bg-dark);padding:30px}.skill-card{background:linear-gradient(135deg,var(--hogwarts-bg-light)0%,var(--hogwarts-bg-medium)100%);border:1px solid var(--hogwarts-gold-dark);border-radius:4px;padding:20px;position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(90deg,var(--hogwarts-gold-dark),var(--hogwarts-gold),var(--hogwarts-gold-dark));height:3px;position:absolute;top:0;left:0;right:0}.skill-card-title{color:var(--hogwarts-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-family:Cinzel,serif;font-size:14px;font-weight:600}.skill-bar{background:var(--hogwarts-bg-dark);border-radius:4px;height:8px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,var(--hogwarts-green-dark),var(--hogwarts-green-light));border-radius:4px;height:100%;transition:width 1s}.magic-particle{background:var(--hogwarts-gold);width:4px;height:4px;box-shadow:0 0 10px var(--hogwarts-gold),0 0 20px var(--hogwarts-gold-light);pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}}.glow-green{box-shadow:0 0 20px #2a623d80}.glow-gold{box-shadow:0 0 20px #c4a74780}.text-glow-gold{text-shadow:0 0 10px #c4a74780}.ornate-border{border:2px solid var(--hogwarts-gold-dark);position:relative}.ornate-border:before,.ornate-border:after{content:"";border:2px solid var(--hogwarts-gold);width:20px;height:20px;position:absolute}.ornate-border:before{border-bottom:none;border-right:none;top:-5px;left:-5px}.ornate-border:after{border-top:none;border-left:none;bottom:-5px;right:-5px}.hogwarts-nav{z-index:100;position:fixed;top:20px;right:20px}.nav-button{background:linear-gradient(135deg,var(--hogwarts-bg-medium),var(--hogwarts-bg-light));border:1px solid var(--hogwarts-gold-dark);color:var(--hogwarts-gold);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:10px 20px;font-family:Cinzel,serif;font-size:12px;transition:all .3s}.nav-button:hover{border-color:var(--hogwarts-gold);box-shadow:0 0 15px #c4a7474d}@media (max-width:768px){.diamond-menu{grid-template-columns:repeat(3,1fr);gap:15px;padding:20px}.diamond-card{width:90px;height:90px}.center-badge{grid-column:2;width:130px;height:130px}.diamond-card-icon{width:30px;height:30px}.diamond-card-label{font-size:8px}}